#CCF2EA

#CCF2EA

#F2CCD4

#F2CCD4

コントラスト比

1.22:1

Delta E

29.35

Very Different

50:50 ミックス

#E1DFDF

カラー値

フォーマット #CCF2EA #F2CCD4
HEX #CCF2EA #F2CCD4
RGB 204, 242, 234 242, 204, 212
HSL 167.4, 59.4%, 87.5% 347.4, 59.4%, 87.5%
HSV 167.4, 15.7%, 94.9% 347.4, 15.7%, 94.9%
CMYK 15.7%, 0.0%, 3.3%, 5.1% 0.0%, 15.7%, 12.4%, 5.1%
OKLCH 0.9319 0.0408 181.2 0.8798 0.044 3.8

コントラストとアクセシビリティ

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F2CCD4 → 背景色: #CCF2EA

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #CCF2EA → 背景色: #F2CCD4

色差 (Delta E)

29.35 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CCF2EA #D3ECE6 #DAE6E3 #E1DFDF #E7D9DB #EDD3D8 #F2CCD4

カラーミキシング

#CCF2EA

100%

#D7E9E4

75:25

#E1DFDF

50:50

#EAD6D9

25:75

#F2CCD4

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCF2EA, #F2CCD4);
background: linear-gradient(135deg, #CCF2EA, #F2CCD4);

各色を詳しく見る

#CCF2EA

カラーの詳細をすべて見る

#F2CCD4

カラーの詳細をすべて見る

関連する比較