#DCEDFD

#DCEDFD

#FDECDC

#FDECDC

コントラスト比

1.04:1

Delta E

20.29

Noticeable

50:50 ミックス

#EDECED

カラー値

フォーマット #DCEDFD #FDECDC
HEX #DCEDFD #FDECDC
RGB 220, 237, 253 253, 236, 220
HSL 209.1, 89.2%, 92.7% 29.1, 89.2%, 92.7%
HSV 209.1, 13.0%, 99.2% 29.1, 13.0%, 99.2%
CMYK 13.0%, 6.3%, 0.0%, 0.8% 0.0%, 6.7%, 13.0%, 0.8%
OKLCH 0.9383 0.0283 246.5 0.9523 0.0282 65.8

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDECDC → 背景色: #DCEDFD

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

テキスト: #DCEDFD → 背景色: #FDECDC

色差 (Delta E)

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

グラデーション

#DCEDFD #E2EDF8 #E8EDF2 #EDECED #F3ECE7 #F8ECE2 #FDECDC

カラーミキシング

#DCEDFD

100%

#E5EDF5

75:25

#EDECED

50:50

#F5ECE4

25:75

#FDECDC

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCEDFD, #FDECDC);
background: linear-gradient(135deg, #DCEDFD, #FDECDC);

各色を詳しく見る

#DCEDFD

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

#FDECDC

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

関連する比較