#9EBDF9

#9EBDF9

#F9DA9E

#F9DA9E

コントラスト比

1.4:1

Delta E

67.6

Very Different

50:50 ミックス

#D3CBCD

カラー値

フォーマット #9EBDF9 #F9DA9E
HEX #9EBDF9 #F9DA9E
RGB 158, 189, 249 249, 218, 158
HSL 219.6, 88.3%, 79.8% 39.6, 88.3%, 79.8%
HSV 219.6, 36.5%, 97.6% 39.6, 36.5%, 97.6%
CMYK 36.5%, 24.1%, 0.0%, 2.4% 0.0%, 12.4%, 36.5%, 2.4%
OKLCH 0.7975 0.0922 263.3 0.9004 0.0839 83.5

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9DA9E → 背景色: #9EBDF9

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

テキスト: #9EBDF9 → 背景色: #F9DA9E

色差 (Delta E)

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

グラデーション

#9EBDF9 #B3C2EA #C4C6DB #D3CBCD #E1D0BD #EDD5AE #F9DA9E

カラーミキシング

#9EBDF9

100%

#BCC4E3

75:25

#D3CBCD

50:50

#E7D2B6

25:75

#F9DA9E

100%

CSSグラデーションコード

background: linear-gradient(to right, #9EBDF9, #F9DA9E);
background: linear-gradient(135deg, #9EBDF9, #F9DA9E);

各色を詳しく見る

#9EBDF9

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

#F9DA9E

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

関連する比較