#DCF5FF

#DCF5FF

#FFE6DC

#FFE6DC

コントラスト比

1.05:1

Delta E

20.41

Noticeable

50:50 ミックス

#EFEEED

カラー値

フォーマット #DCF5FF #FFE6DC
HEX #DCF5FF #FFE6DC
RGB 220, 245, 255 255, 230, 220
HSL 197.1, 100.0%, 93.1% 17.1, 100.0%, 93.1%
HSV 197.1, 13.7%, 100.0% 17.1, 13.7%, 100.0%
CMYK 13.7%, 3.9%, 0.0%, 0.0% 0.0%, 9.8%, 13.7%, 0.0%
OKLCH 0.955 0.0295 223.8 0.9425 0.0307 43.1

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFE6DC → 背景色: #DCF5FF

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

テキスト: #DCF5FF → 背景色: #FFE6DC

色差 (Delta E)

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

グラデーション

#DCF5FF #E3F3F9 #E9F0F3 #EFEEED #F4EBE8 #FAE9E2 #FFE6DC

カラーミキシング

#DCF5FF

100%

#E6F1F6

75:25

#EFEEED

50:50

#F7EAE5

25:75

#FFE6DC

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCF5FF, #FFE6DC);
background: linear-gradient(135deg, #DCF5FF, #FFE6DC);

各色を詳しく見る

#DCF5FF

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

#FFE6DC

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

関連する比較