#BADCDC

#BADCDC

#DCBABA

#DCBABA

コントラスト比

1.22:1

Delta E

25.67

Very Different

50:50 ミックス

#CDCBCB

カラー値

フォーマット #BADCDC #DCBABA
HEX #BADCDC #DCBABA
RGB 186, 220, 220 220, 186, 186
HSL 180.0, 32.7%, 79.6% 0.0, 32.7%, 79.6%
HSV 180.0, 15.5%, 86.3% 0.0, 15.5%, 86.3%
CMYK 15.5%, 0.0%, 0.0%, 13.7% 0.0%, 15.5%, 15.5%, 13.7%
OKLCH 0.8699 0.0358 196.5 0.8183 0.0391 18.0

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCBABA → 背景色: #BADCDC

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

テキスト: #BADCDC → 背景色: #DCBABA

色差 (Delta E)

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

グラデーション

#BADCDC #C1D6D6 #C7D1D1 #CDCBCB #D2C6C5 #D7C0C0 #DCBABA

カラーミキシング

#BADCDC

100%

#C4D4D3

75:25

#CDCBCB

50:50

#D5C3C2

25:75

#DCBABA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADCDC, #DCBABA);
background: linear-gradient(135deg, #BADCDC, #DCBABA);

各色を詳しく見る

#BADCDC

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

#DCBABA

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

関連する比較