#ABB3BA

#ABB3BA

#BAB2AB

#BAB2AB

コントラスト比

1.02:1

Delta E

9.61

Noticeable

50:50 ミックス

#B3B2B2

カラー値

フォーマット #ABB3BA #BAB2AB
HEX #ABB3BA #BAB2AB
RGB 171, 179, 186 186, 178, 171
HSL 208.0, 9.8%, 70.0% 28.0, 9.8%, 70.0%
HSV 208.0, 8.1%, 72.9% 28.0, 8.1%, 72.9%
CMYK 8.1%, 3.8%, 0.0%, 27.1% 0.0%, 4.3%, 8.1%, 27.1%
OKLCH 0.7626 0.0135 244.3 0.7682 0.0135 63.9

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BAB2AB → 背景色: #ABB3BA

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

テキスト: #ABB3BA → 背景色: #BAB2AB

色差 (Delta E)

9.61 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#ABB3BA #AEB3B7 #B0B3B5 #B3B2B2 #B5B2B0 #B8B2AD #BAB2AB

カラーミキシング

#ABB3BA

100%

#AFB3B6

75:25

#B3B2B2

50:50

#B6B2AF

25:75

#BAB2AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABB3BA, #BAB2AB);
background: linear-gradient(135deg, #ABB3BA, #BAB2AB);

各色を詳しく見る

#ABB3BA

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

#BAB2AB

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

関連する比較