#9DAFFF

#9DAFFF

#FFED9D

#FFED9D

コントラスト比

1.78:1

Delta E

86.96

Very Different

50:50 ミックス

#D7CDD0

カラー値

フォーマット #9DAFFF #FFED9D
HEX #9DAFFF #FFED9D
RGB 157, 175, 255 255, 237, 157
HSL 229.0, 100.0%, 80.8% 49.0, 100.0%, 80.8%
HSV 229.0, 38.4%, 100.0% 49.0, 38.4%, 100.0%
CMYK 38.4%, 31.4%, 0.0%, 0.0% 0.0%, 7.1%, 38.4%, 0.0%
OKLCH 0.7712 0.1165 273.7 0.9428 0.1014 97.0

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

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFED9D → 背景色: #9DAFFF

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

テキスト: #9DAFFF → 背景色: #FFED9D

色差 (Delta E)

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

グラデーション

#9DAFFF #B3B9F0 #C6C3E0 #D7CDD0 #E6D7C0 #F3E2AF #FFED9D

カラーミキシング

#9DAFFF

100%

#BDBEE8

75:25

#D7CDD0

50:50

#ECDDB7

25:75

#FFED9D

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DAFFF, #FFED9D);
background: linear-gradient(135deg, #9DAFFF, #FFED9D);

各色を詳しく見る

#9DAFFF

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

#FFED9D

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

関連する比較