#9999BA

#9999BA

#BABA99

#BABA99

コントラスト比

1.39:1

Delta E

37.57

Very Different

50:50 ミックス

#ABA9AA

カラー値

フォーマット #9999BA #BABA99
HEX #9999BA #BABA99
RGB 153, 153, 186 186, 186, 153
HSL 240.0, 19.3%, 66.5% 60.0, 19.3%, 66.5%
HSV 240.0, 17.7%, 72.9% 60.0, 17.7%, 72.9%
CMYK 17.7%, 17.7%, 0.0%, 27.1% 0.0%, 0.0%, 17.7%, 27.1%
OKLCH 0.6943 0.0481 285.1 0.7802 0.0451 107.4

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BABA99 → 背景色: #9999BA

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

テキスト: #9999BA → 背景色: #BABA99

色差 (Delta E)

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

グラデーション

#9999BA #9F9EB5 #A5A4AF #ABA9AA #B0AFA4 #B5B49F #BABA99

カラーミキシング

#9999BA

100%

#A2A1B2

75:25

#ABA9AA

50:50

#B3B2A2

25:75

#BABA99

100%

CSSグラデーションコード

background: linear-gradient(to right, #9999BA, #BABA99);
background: linear-gradient(135deg, #9999BA, #BABA99);

各色を詳しく見る

#9999BA

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

#BABA99

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

関連する比較