#9BABA2
#9BABA2
#AB9BA4
#AB9BA4
Color Values
| Format | #9BABA2 | #AB9BA4 |
|---|---|---|
| HEX | #9BABA2 | #AB9BA4 |
| RGB | 155, 171, 162 | 171, 155, 164 |
| HSL | 146.2, 8.7%, 63.9% | 326.2, 8.7%, 63.9% |
| HSV | 146.2, 9.4%, 67.1% | 326.2, 9.4%, 67.1% |
| CMYK | 9.4%, 0.0%, 5.3%, 32.9% | 0.0%, 9.4%, 4.1%, 32.9% |
| OKLCH | 0.726 0.0221 161.3 | 0.7061 0.0226 342.8 |
Contrast & Accessibility
1.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AB9BA4 → Background: #9BABA2
The quick brown fox jumps over the lazy dog
Text: #9BABA2 → Background: #AB9BA4
Color Difference (Delta E)
16.04
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #9BABA2, #AB9BA4);
background: linear-gradient(135deg, #9BABA2, #AB9BA4);