#BBBDEE

#BBBDEE

#EEECBB

#EEECBB

コントラスト比

1.49:1

Delta E

53.33

Very Different

50:50 ミックス

#D7D4D5

カラー値

フォーマット #BBBDEE #EEECBB
HEX #BBBDEE #EEECBB
RGB 187, 189, 238 238, 236, 187
HSL 237.6, 60.0%, 83.3% 57.6, 60.0%, 83.3%
HSV 237.6, 21.4%, 93.3% 57.6, 21.4%, 93.3%
CMYK 21.4%, 20.6%, 0.0%, 6.7% 0.0%, 0.8%, 21.4%, 6.7%
OKLCH 0.8134 0.0688 282.9 0.9325 0.0636 105.6

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

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEECBB → 背景色: #BBBDEE

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

テキスト: #BBBDEE → 背景色: #EEECBB

色差 (Delta E)

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

グラデーション

#BBBDEE #C5C5E6 #CECCDE #D7D4D5 #DFDCCD #E7E4C4 #EEECBB

カラーミキシング

#BBBDEE

100%

#CAC8E2

75:25

#D7D4D5

50:50

#E3E0C8

25:75

#EEECBB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BBBDEE, #EEECBB);
background: linear-gradient(135deg, #BBBDEE, #EEECBB);

各色を詳しく見る

#BBBDEE

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

#EEECBB

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

関連する比較