色変換
色変換 for #24EFEA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 36 | 239 | 234 | |
|---|---|---|---|---|
| HSL | 178.52° | 86.38% | 53.92% | |
| HSV | 178.52° | 84.94% | 93.73% | |
| CMYK | 84.94% | 0% | 2.09% | 6.27% |
| XYZ | 46.4382 | 68.0425 | 88.5119 | |
| Yxy | 68.0425 | 0.2288 | 0.3352 | |
| Hunter Lab | 82.4879 | -43.8644 | -5.8535 | |
| CIE-Lab | 86.0277 | -45.9686 | -10.747 | |
| CIE-LCH | 86.0277 | 47.2082 | 193.1588 | |
| CIE-LUV | 86.0277 | -65.3679 | -9.8423 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100100 | 11101111 | 11101010 |
| Octal | 44 | 357 | 352 |
| Decimal | 36 | 239 | 234 |
| Hex | 24 | EF | EA |
RGB比率
CMYK比率
濃い色 #24EFEA
淡い色 #24EFEA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#24EFEA の色 黒背景
#24EFEA の色 サンプルテキスト
#24EFEA の色 白背景
#24EFEA の色 サンプルテキスト
#24EFEA CSSコード
.background { background-color: #24EFEA; }
.text { color: #24EFEA; }
.border { border: 3px solid #24EFEA; }
.shadow { box-shadow: 0 8px 28px rgba(36, 239, 234, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.44:1低い
黒とのコントラスト14.61:1AAA
Webセーフカラー#33FFFFNear
輝度0.68050-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#24EFEA color
PortuguêsCor #24EFEA
EspañolColor #24EFEA
한국어#24EFEA 색상
日本語#24EFEA の色
中文#24EFEA 颜色
DeutschFarbe #24EFEA
FrançaisCouleur #24EFEA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #24EFEA の色.
近い色
See シアン系