#DDF0FF

#DDF0FF

#FFECDD

#FFECDD

コントラスト比

1.02:1

Delta E

20.31

Noticeable

50:50 ミックス

#EFEEEE

カラー値

フォーマット #DDF0FF #FFECDD
HEX #DDF0FF #FFECDD
RGB 221, 240, 255 255, 236, 221
HSL 206.5, 100.0%, 93.3% 26.5, 100.0%, 93.3%
HSV 206.5, 13.3%, 100.0% 26.5, 13.3%, 100.0%
CMYK 13.3%, 5.9%, 0.0%, 0.0% 0.0%, 7.5%, 13.3%, 0.0%
OKLCH 0.9456 0.0286 241.6 0.9542 0.0288 60.8

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

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

テキスト読みやすさ

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

テキスト: #FFECDD → 背景色: #DDF0FF

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

テキスト: #DDF0FF → 背景色: #FFECDD

色差 (Delta E)

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

グラデーション

#DDF0FF #E3EFF9 #E9EFF4 #EFEEEE #F5EDE8 #FAEDE3 #FFECDD

カラーミキシング

#DDF0FF

100%

#E6EFF6

75:25

#EFEEEE

50:50

#F7EDE5

25:75

#FFECDD

100%

CSSグラデーションコード

background: linear-gradient(to right, #DDF0FF, #FFECDD);
background: linear-gradient(135deg, #DDF0FF, #FFECDD);

各色を詳しく見る

#DDF0FF

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

#FFECDD

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

関連する比較