#9595B2

#9595B2

#B2B295

#B2B295

コントラスト比

1.34:1

Delta E

33.25

Very Different

50:50 ミックス

#A5A3A4

カラー値

フォーマット #9595B2 #B2B295
HEX #9595B2 #B2B295
RGB 149, 149, 178 178, 178, 149
HSL 240.0, 15.8%, 64.1% 60.0, 15.8%, 64.1%
HSV 240.0, 16.3%, 69.8% 60.0, 16.3%, 69.8%
CMYK 16.3%, 16.3%, 0.0%, 30.2% 0.0%, 0.0%, 16.3%, 30.2%
OKLCH 0.6797 0.0425 285.2 0.7558 0.0401 107.3

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B2B295 → 背景色: #9595B2

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

テキスト: #9595B2 → 背景色: #B2B295

色差 (Delta E)

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

グラデーション

#9595B2 #9A9AAD #A09FA9 #A5A3A4 #A9A89F #AEAD9A #B2B295

カラーミキシング

#9595B2

100%

#9D9CAB

75:25

#A5A3A4

50:50

#ACAB9D

25:75

#B2B295

100%

CSSグラデーションコード

background: linear-gradient(to right, #9595B2, #B2B295);
background: linear-gradient(135deg, #9595B2, #B2B295);

各色を詳しく見る

#9595B2

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

#B2B295

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

関連する比較