#38AE75
#38AE75
#AE3871
#AE3871
Color Values
| Format | #38AE75 | #AE3871 |
|---|---|---|
| HEX | #38AE75 | #AE3871 |
| RGB | 56, 174, 117 | 174, 56, 113 |
| HSL | 151.0, 51.3%, 45.1% | 331.0, 51.3%, 45.1% |
| HSV | 151.0, 67.8%, 68.2% | 331.0, 67.8%, 68.2% |
| CMYK | 67.8%, 0.0%, 32.8%, 31.8% | 0.0%, 67.8%, 35.1%, 31.8% |
| OKLCH | 0.6708 0.1351 158.1 | 0.5282 0.1625 354.4 |
Contrast & Accessibility
2.08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AE3871 → Background: #38AE75
The quick brown fox jumps over the lazy dog
Text: #38AE75 → Background: #AE3871
Color Difference (Delta E)
104.51
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #38AE75, #AE3871);
background: linear-gradient(135deg, #38AE75, #AE3871);