#CEFCDC

#CEFCDC

#FCCEEE

#FCCEEE

コントラスト比

1.22:1

Delta E

47.22

Very Different

50:50 ミックス

#E7E6E5

カラー値

フォーマット #CEFCDC #FCCEEE
HEX #CEFCDC #FCCEEE
RGB 206, 252, 220 252, 206, 238
HSL 138.3, 88.5%, 89.8% 318.3, 88.5%, 89.8%
HSV 138.3, 18.3%, 98.8% 318.3, 18.3%, 98.8%
CMYK 18.3%, 0.0%, 12.7%, 1.2% 0.0%, 18.3%, 5.6%, 1.2%
OKLCH 0.9504 0.0637 154.7 0.9004 0.0661 337.4

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

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

テキスト読みやすさ

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

テキスト: #FCCEEE → 背景色: #CEFCDC

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

テキスト: #CEFCDC → 背景色: #FCCEEE

色差 (Delta E)

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

グラデーション

#CEFCDC #D7F5DF #DFEDE2 #E7E6E5 #EEDEE8 #F5D6EB #FCCEEE

カラーミキシング

#CEFCDC

100%

#DBF1E1

75:25

#E7E6E5

50:50

#F2DAEA

25:75

#FCCEEE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CEFCDC, #FCCEEE);
background: linear-gradient(135deg, #CEFCDC, #FCCEEE);

各色を詳しく見る

#CEFCDC

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

#FCCEEE

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

関連する比較