#9BA7EB

#9BA7EB

#EBDF9B

#EBDF9B

コントラスト比

1.71:1

Delta E

74.76

Very Different

50:50 ミックス

#C9C2C5

カラー値

フォーマット #9BA7EB #EBDF9B
HEX #9BA7EB #EBDF9B
RGB 155, 167, 235 235, 223, 155
HSL 231.0, 66.7%, 76.5% 51.0, 66.7%, 76.5%
HSV 231.0, 34.0%, 92.2% 51.0, 34.0%, 92.2%
CMYK 34.0%, 28.9%, 0.0%, 7.8% 0.0%, 5.1%, 34.0%, 7.8%
OKLCH 0.7447 0.0992 276.0 0.8976 0.0877 99.4

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBDF9B → 背景色: #9BA7EB

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

テキスト: #9BA7EB → 背景色: #EBDF9B

色差 (Delta E)

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

グラデーション

#9BA7EB #ADB0DE #BCB9D2 #C9C2C5 #D6CCB7 #E1D5A9 #EBDF9B

カラーミキシング

#9BA7EB

100%

#B4B4D8

75:25

#C9C2C5

50:50

#DBD0B0

25:75

#EBDF9B

100%

CSSグラデーションコード

background: linear-gradient(to right, #9BA7EB, #EBDF9B);
background: linear-gradient(135deg, #9BA7EB, #EBDF9B);

各色を詳しく見る

#9BA7EB

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

#EBDF9B

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

関連する比較