#CDE3F2

#CDE3F2

#F2DCCD

#F2DCCD

コントラスト比

1.0:1

Delta E

21.98

Noticeable

50:50 ミックス

#E1E0DF

カラー値

フォーマット #CDE3F2 #F2DCCD
HEX #CDE3F2 #F2DCCD
RGB 205, 227, 242 242, 220, 205
HSL 204.3, 58.7%, 87.6% 24.3, 58.7%, 87.6%
HSV 204.3, 15.3%, 94.9% 24.3, 15.3%, 94.9%
CMYK 15.3%, 6.2%, 0.0%, 5.1% 0.0%, 9.1%, 15.3%, 5.1%
OKLCH 0.9041 0.0312 237.6 0.9084 0.0317 56.6

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

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2DCCD → 背景色: #CDE3F2

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

テキスト: #CDE3F2 → 背景色: #F2DCCD

色差 (Delta E)

21.98 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CDE3F2 #D4E2EC #DBE1E6 #E1E0DF #E7DED9 #EDDDD3 #F2DCCD

カラーミキシング

#CDE3F2

100%

#D7E1E9

75:25

#E1E0DF

50:50

#EADED6

25:75

#F2DCCD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CDE3F2, #F2DCCD);
background: linear-gradient(135deg, #CDE3F2, #F2DCCD);

各色を詳しく見る

#CDE3F2

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

#F2DCCD

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

関連する比較