色変換
色変換 for #C4F9DE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 196 | 249 | 222 | |
|---|---|---|---|---|
| HSL | 149.43° | 81.54% | 87.25% | |
| HSV | 149.43° | 21.29% | 97.65% | |
| CMYK | 21.29% | 0% | 10.84% | 2.35% |
| XYZ | 69.8217 | 84.7587 | 81.7744 | |
| Yxy | 84.7587 | 0.2954 | 0.3586 | |
| Hunter Lab | 92.0645 | -25.7396 | 11.8026 | |
| CIE-Lab | 93.779 | -22.0358 | 7.479 | |
| CIE-LCH | 93.779 | 23.2704 | 161.2527 | |
| CIE-LUV | 93.779 | -26.5807 | 15.2155 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11000100 | 11111001 | 11011110 |
| Octal | 304 | 371 | 336 |
| Decimal | 196 | 249 | 222 |
| Hex | C4 | F9 | DE |
RGB比率
CMYK比率
濃い色 #C4F9DE
淡い色 #C4F9DE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#C4F9DE の色 黒背景
#C4F9DE の色 サンプルテキスト
#C4F9DE の色 白背景
#C4F9DE の色 サンプルテキスト
#C4F9DE CSSコード
.background { background-color: #C4F9DE; }
.text { color: #C4F9DE; }
.border { border: 3px solid #C4F9DE; }
.shadow { box-shadow: 0 8px 28px rgba(196, 249, 222, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.17:1低い
黒とのコントラスト17.95:1AAA
Webセーフカラー#CCFFCCNear
輝度0.84760-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#C4F9DE color
PortuguêsCor #C4F9DE
EspañolColor #C4F9DE
한국어#C4F9DE 색상
日本語#C4F9DE の色
中文#C4F9DE 颜色
DeutschFarbe #C4F9DE
FrançaisCouleur #C4F9DE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #C4F9DE の色.
近い色
See 緑系
Similar colors
Aero 青
Aero blue
Magic ミント
Magic mint
ミント cream
Mint cream
海 foam 緑
Sea Foam Green
Teal deer
Teal deer
Medium aquamarine
Medium aquamarine
Aquamarine
Aquamarine
Guppie 緑
Guppie green
Spring 緑
Spring green
Middle 青 緑
Middle Blue Green
ターコイズ 緑
Turquoise green
Very 明るい malachite 緑
Very light malachite green