#A3A2AC

#A3A2AC

#ABACA2

#ABACA2

コントラスト比

1.1:1

Delta E

11.44

Noticeable

50:50 ミックス

#A7A7A7

カラー値

フォーマット #A3A2AC #ABACA2
HEX #A3A2AC #ABACA2
RGB 163, 162, 172 171, 172, 162
HSL 246.0, 5.7%, 65.5% 66.0, 5.7%, 65.5%
HSV 246.0, 5.8%, 67.5% 66.0, 5.8%, 67.5%
CMYK 5.2%, 5.8%, 0.0%, 32.5% 0.6%, 0.0%, 5.8%, 32.5%
OKLCH 0.7162 0.0144 290.6 0.7407 0.0141 111.4

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ABACA2 → 背景色: #A3A2AC

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

テキスト: #A3A2AC → 背景色: #ABACA2

色差 (Delta E)

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

グラデーション

#A3A2AC #A4A4AA #A6A5A9 #A7A7A7 #A8A9A5 #AAAAA4 #ABACA2

カラーミキシング

#A3A2AC

100%

#A5A4AA

75:25

#A7A7A7

50:50

#A9A9A5

25:75

#ABACA2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A3A2AC, #ABACA2);
background: linear-gradient(135deg, #A3A2AC, #ABACA2);

各色を詳しく見る

#A3A2AC

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

#ABACA2

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

関連する比較