#9A9DAF

#9A9DAF

#AFAC9A

#AFAC9A

コントラスト比

1.18:1

Delta E

20.56

Noticeable

50:50 ミックス

#A5A4A5

カラー値

フォーマット #9A9DAF #AFAC9A
HEX #9A9DAF #AFAC9A
RGB 154, 157, 175 175, 172, 154
HSL 231.4, 11.6%, 64.5% 51.4, 11.6%, 64.5%
HSV 231.4, 12.0%, 68.6% 51.4, 12.0%, 68.6%
CMYK 12.0%, 10.3%, 0.0%, 31.4% 0.0%, 1.7%, 12.0%, 31.4%
OKLCH 0.6994 0.0264 278.2 0.7419 0.0254 99.2

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AFAC9A → 背景色: #9A9DAF

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

テキスト: #9A9DAF → 背景色: #AFAC9A

色差 (Delta E)

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

グラデーション

#9A9DAF #9E9FAC #A1A2A8 #A5A4A5 #A8A7A1 #ACA99E #AFAC9A

カラーミキシング

#9A9DAF

100%

#A0A1AA

75:25

#A5A4A5

50:50

#AAA89F

25:75

#AFAC9A

100%

CSSグラデーションコード

background: linear-gradient(to right, #9A9DAF, #AFAC9A);
background: linear-gradient(135deg, #9A9DAF, #AFAC9A);

各色を詳しく見る

#9A9DAF

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

#AFAC9A

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

関連する比較