#54AAA2
#54AAA2
#AA545C
#AA545C
Color Values
| Format | #54AAA2 | #AA545C |
|---|---|---|
| HEX | #54AAA2 | #AA545C |
| RGB | 84, 170, 162 | 170, 84, 92 |
| HSL | 174.4, 33.9%, 49.8% | 354.4, 33.9%, 49.8% |
| HSV | 174.4, 50.6%, 66.7% | 354.4, 50.6%, 66.7% |
| CMYK | 50.6%, 0.0%, 4.7%, 33.3% | 0.0%, 50.6%, 45.9%, 33.3% |
| OKLCH | 0.6824 0.0843 187.4 | 0.5529 0.1128 15.7 |
Contrast & Accessibility
1.85:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AA545C → Background: #54AAA2
The quick brown fox jumps over the lazy dog
Text: #54AAA2 → Background: #AA545C
Color Difference (Delta E)
68.2
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #54AAA2, #AA545C);
background: linear-gradient(135deg, #54AAA2, #AA545C);