#CCD2F7

#CCD2F7

#F7F1CC

#F7F1CC

コントラスト比

1.3:1

Delta E

39.8

Very Different

50:50 ミックス

#E3E1E2

カラー値

フォーマット #CCD2F7 #F7F1CC
HEX #CCD2F7 #F7F1CC
RGB 204, 210, 247 247, 241, 204
HSL 231.6, 72.9%, 88.4% 51.6, 72.9%, 88.4%
HSV 231.6, 17.4%, 96.9% 51.6, 17.4%, 96.9%
CMYK 17.4%, 15.0%, 0.0%, 3.1% 0.0%, 2.4%, 17.4%, 3.1%
OKLCH 0.871 0.0515 278.0 0.9534 0.0486 99.6

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7F1CC → 背景色: #CCD2F7

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

テキスト: #CCD2F7 → 背景色: #F7F1CC

色差 (Delta E)

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

グラデーション

#CCD2F7 #D4D7F0 #DCDCE9 #E3E1E2 #EAE6DB #F1ECD3 #F7F1CC

カラーミキシング

#CCD2F7

100%

#D8DAED

75:25

#E3E1E2

50:50

#EDE9D7

25:75

#F7F1CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCD2F7, #F7F1CC);
background: linear-gradient(135deg, #CCD2F7, #F7F1CC);

各色を詳しく見る

#CCD2F7

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

#F7F1CC

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

関連する比較