#CEF2D4

#CEF2D4

#F2CEEC

#F2CEEC

コントラスト比

1.17:1

Delta E

40.95

Very Different

50:50 ミックス

#E1E1E0

カラー値

フォーマット #CEF2D4 #F2CEEC
HEX #CEF2D4 #F2CEEC
RGB 206, 242, 212 242, 206, 236
HSL 130.0, 58.1%, 87.8% 310.0, 58.1%, 87.8%
HSV 130.0, 14.9%, 94.9% 310.0, 14.9%, 94.9%
CMYK 14.9%, 0.0%, 12.4%, 5.1% 0.0%, 14.9%, 2.5%, 5.1%
OKLCH 0.9273 0.055 150.0 0.8907 0.0562 331.6

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2CEEC → 背景色: #CEF2D4

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

テキスト: #CEF2D4 → 背景色: #F2CEEC

色差 (Delta E)

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

グラデーション

#CEF2D4 #D5ECD8 #DBE6DC #E1E1E0 #E7DBE4 #EDD4E8 #F2CEEC

カラーミキシング

#CEF2D4

100%

#D8E9DA

75:25

#E1E1E0

50:50

#EAD7E6

25:75

#F2CEEC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CEF2D4, #F2CEEC);
background: linear-gradient(135deg, #CEF2D4, #F2CEEC);

各色を詳しく見る

#CEF2D4

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

#F2CEEC

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

関連する比較