#BADDEF

#BADDEF

#EFCCBA

#EFCCBA

コントラスト比

1.05:1

Delta E

31.33

Very Different

50:50 ミックス

#D8D5D4

カラー値

フォーマット #BADDEF #EFCCBA
HEX #BADDEF #EFCCBA
RGB 186, 221, 239 239, 204, 186
HSL 200.4, 62.4%, 83.3% 20.4, 62.4%, 83.3%
HSV 200.4, 22.2%, 93.7% 20.4, 22.2%, 93.7%
CMYK 22.2%, 7.5%, 0.0%, 6.3% 0.0%, 14.6%, 22.2%, 6.3%
OKLCH 0.878 0.0445 230.3 0.8702 0.0466 48.9

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EFCCBA → 背景色: #BADDEF

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

テキスト: #BADDEF → 背景色: #EFCCBA

色差 (Delta E)

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

グラデーション

#BADDEF #C5DAE6 #CFD7DD #D8D5D4 #E0D2CC #E8CFC3 #EFCCBA

カラーミキシング

#BADDEF

100%

#CAD9E2

75:25

#D8D5D4

50:50

#E4D0C7

25:75

#EFCCBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADDEF, #EFCCBA);
background: linear-gradient(135deg, #BADDEF, #EFCCBA);

各色を詳しく見る

#BADDEF

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

#EFCCBA

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

関連する比較