#CCE7F7

#CCE7F7

#F7DCCC

#F7DCCC

コントラスト比

1.02:1

Delta E

25.25

Very Different

50:50 ミックス

#E3E2E1

カラー値

フォーマット #CCE7F7 #F7DCCC
HEX #CCE7F7 #F7DCCC
RGB 204, 231, 247 247, 220, 204
HSL 202.3, 72.9%, 88.4% 22.3, 72.9%, 88.4%
HSV 202.3, 17.4%, 96.9% 22.3, 17.4%, 96.9%
CMYK 17.4%, 6.5%, 0.0%, 3.1% 0.0%, 10.9%, 17.4%, 3.1%
OKLCH 0.9132 0.036 233.8 0.9124 0.037 52.7

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7DCCC → 背景色: #CCE7F7

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

テキスト: #CCE7F7 → 背景色: #F7DCCC

色差 (Delta E)

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

グラデーション

#CCE7F7 #D4E5F0 #DCE3E9 #E3E2E1 #EAE0DA #F1DED3 #F7DCCC

カラーミキシング

#CCE7F7

100%

#D8E4EC

75:25

#E3E2E1

50:50

#EEDFD7

25:75

#F7DCCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCE7F7, #F7DCCC);
background: linear-gradient(135deg, #CCE7F7, #F7DCCC);

各色を詳しく見る

#CCE7F7

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

#F7DCCC

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

関連する比較