#BABDEE

#BABDEE

#EEEBBA

#EEEBBA

コントラスト比

1.48:1

Delta E

53.3

Very Different

50:50 ミックス

#D7D4D5

カラー値

フォーマット #BABDEE #EEEBBA
HEX #BABDEE #EEEBBA
RGB 186, 189, 238 238, 235, 186
HSL 236.5, 60.5%, 83.1% 56.5, 60.5%, 83.1%
HSV 236.5, 21.8%, 93.3% 56.5, 21.8%, 93.3%
CMYK 21.8%, 20.6%, 0.0%, 6.7% 0.0%, 1.3%, 21.8%, 6.7%
OKLCH 0.8127 0.069 282.0 0.9303 0.0637 104.7

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

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEEBBA → 背景色: #BABDEE

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

テキスト: #BABDEE → 背景色: #EEEBBA

色差 (Delta E)

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

グラデーション

#BABDEE #C4C4E6 #CECCDD #D7D4D5 #DFDBCC #E7E3C3 #EEEBBA

カラーミキシング

#BABDEE

100%

#C9C8E2

75:25

#D7D4D5

50:50

#E3DFC8

25:75

#EEEBBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BABDEE, #EEEBBA);
background: linear-gradient(135deg, #BABDEE, #EEEBBA);

各色を詳しく見る

#BABDEE

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

#EEEBBA

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

関連する比較