色変換
色変換 for #DEFED0 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 222 | 254 | 208 | |
|---|---|---|---|---|
| HSL | 101.74° | 95.83% | 90.59% | |
| HSV | 101.74° | 18.11% | 99.61% | |
| CMYK | 12.6% | 0% | 18.11% | 0.39% |
| XYZ | 76.949 | 90.9663 | 73.1665 | |
| Yxy | 90.9663 | 0.3192 | 0.3773 | |
| Hunter Lab | 95.3763 | -22.8969 | 21.2977 | |
| CIE-Lab | 96.3962 | -18.4602 | 18.608 | |
| CIE-LCH | 96.3962 | 26.2114 | 134.7715 | |
| CIE-LUV | 96.3962 | -15.6967 | 30.7955 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11011110 | 11111110 | 11010000 |
| Octal | 336 | 376 | 320 |
| Decimal | 222 | 254 | 208 |
| Hex | DE | FE | D0 |
RGB比率
CMYK比率
濃い色 #DEFED0
淡い色 #DEFED0
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#DEFED0 の色 黒背景
#DEFED0 の色 サンプルテキスト
#DEFED0 の色 白背景
#DEFED0 の色 サンプルテキスト
#DEFED0 CSSコード
.background { background-color: #DEFED0; }
.text { color: #DEFED0; }
.border { border: 3px solid #DEFED0; }
.shadow { box-shadow: 0 8px 28px rgba(222, 254, 208, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.09:1低い
黒とのコントラスト19.19:1AAA
Webセーフカラー#CCFFCCNear
輝度0.90970-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#DEFED0 color
PortuguêsCor #DEFED0
EspañolColor #DEFED0
한국어#DEFED0 색상
日本語#DEFED0 の色
中文#DEFED0 颜色
DeutschFarbe #DEFED0
FrançaisCouleur #DEFED0
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #DEFED0 の色.
近い色
See 緑系