#CDDCFF

#CDDCFF

#FFF0CD

#FFF0CD

コントラスト比

1.22:1

Delta E

38.27

Very Different

50:50 ミックス

#E8E6E6

カラー値

フォーマット #CDDCFF #FFF0CD
HEX #CDDCFF #FFF0CD
RGB 205, 220, 255 255, 240, 205
HSL 222.0, 100.0%, 90.2% 42.0, 100.0%, 90.2%
HSV 222.0, 19.6%, 100.0% 42.0, 19.6%, 100.0%
CMYK 19.6%, 13.7%, 0.0%, 0.0% 0.0%, 5.9%, 19.6%, 0.0%
OKLCH 0.8944 0.0509 267.0 0.9582 0.0483 87.6

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

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

テキスト読みやすさ

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

テキスト: #FFF0CD → 背景色: #CDDCFF

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

テキスト: #CDDCFF → 背景色: #FFF0CD

色差 (Delta E)

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

グラデーション

#CDDCFF #D7DFF7 #E0E3EF #E8E6E6 #F0E9DE #F8EDD6 #FFF0CD

カラーミキシング

#CDDCFF

100%

#DBE1F3

75:25

#E8E6E6

50:50

#F4EBDA

25:75

#FFF0CD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CDDCFF, #FFF0CD);
background: linear-gradient(135deg, #CDDCFF, #FFF0CD);

各色を詳しく見る

#CDDCFF

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

#FFF0CD

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

関連する比較