色変換

色変換 for #22A6AE の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB34166174
HSL183.43°67.31%40.78%
HSV183.43°80.46%68.24%
CMYK80.46%4.6%0%31.76%
XYZ21.932430.665744.7993
Yxy30.66570.22520.3149
Hunter Lab55.3766-26.2131-9.1828
CIE-Lab62.2244-30.4938-13.8838
CIE-LCH62.224433.5057204.4797
CIE-LUV62.2244-44.8906-16.6055

基数表記

BaseRedGreenBlue
Binary001000101010011010101110
Octal42246256
Decimal34166174
Hex22A6AE

RGB比率

Red
13%
Green
65%
Blue
68%

CMYK比率

Cyan
80%
Magenta
5%
Yellow
0%
Black
32%
調和

配色

#22A6AE の色 黒背景

#22A6AE の色 サンプルテキスト

#22A6AE の色 白背景

#22A6AE の色 サンプルテキスト

#22A6AE CSSコード

.background { background-color: #22A6AE; }
.text { color: #22A6AE; }
.border { border: 3px solid #22A6AE; }
.shadow { box-shadow: 0 8px 28px rgba(34, 166, 174, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.94:1低い
黒とのコントラスト7.13:1AAA
Webセーフカラー#339999Near
輝度0.30670-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#22A6AE color
PortuguêsCor #22A6AE
EspañolColor #22A6AE
한국어#22A6AE 색상
日本語#22A6AE の色
中文#22A6AE 颜色
DeutschFarbe #22A6AE
FrançaisCouleur #22A6AE
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #22A6AE の色.

近い色

Similar colors

See シアン系