色変換
色変換 for #34CEDA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 52 | 206 | 218 | |
|---|---|---|---|---|
| HSL | 184.34° | 69.17% | 52.94% | |
| HSV | 184.34° | 76.15% | 85.49% | |
| CMYK | 76.15% | 5.5% | 0% | 14.51% |
| XYZ | 36.1367 | 49.9302 | 74.049 | |
| Yxy | 49.9302 | 0.2257 | 0.3118 | |
| Hunter Lab | 70.6613 | -32.3718 | -12.6453 | |
| CIE-Lab | 76.0264 | -34.4447 | -17.2138 | |
| CIE-LCH | 76.0264 | 38.5065 | 206.5537 | |
| CIE-LUV | 76.0264 | -53.6982 | -21.9344 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 11001110 | 11011010 |
| Octal | 64 | 316 | 332 |
| Decimal | 52 | 206 | 218 |
| Hex | 34 | CE | DA |
RGB比率
CMYK比率
濃い色 #34CEDA
淡い色 #34CEDA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#34CEDA の色 黒背景
#34CEDA の色 サンプルテキスト
#34CEDA の色 白背景
#34CEDA の色 サンプルテキスト
#34CEDA CSSコード
.background { background-color: #34CEDA; }
.text { color: #34CEDA; }
.border { border: 3px solid #34CEDA; }
.shadow { box-shadow: 0 8px 28px rgba(52, 206, 218, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.91:1低い
黒とのコントラスト10.99:1AAA
Webセーフカラー#33CCCCNear
輝度0.49930-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#34CEDA color
PortuguêsCor #34CEDA
EspañolColor #34CEDA
한국어#34CEDA 색상
日本語#34CEDA の色
中文#34CEDA 颜色
DeutschFarbe #34CEDA
FrançaisCouleur #34CEDA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #34CEDA の色.
近い色
See シアン系