#12B3A4
#12B3A4
#B31221
#B31221
Color Values
| Format | #12B3A4 | #B31221 |
|---|---|---|
| HEX | #12B3A4 | #B31221 |
| RGB | 18, 179, 164 | 179, 18, 33 |
| HSL | 174.4, 81.7%, 38.6% | 354.4, 81.7%, 38.6% |
| HSV | 174.4, 89.9%, 70.2% | 354.4, 89.9%, 70.2% |
| CMYK | 89.9%, 0.0%, 8.4%, 29.8% | 0.0%, 89.9%, 81.6%, 29.8% |
| OKLCH | 0.6902 0.1197 184.2 | 0.4894 0.1896 24.9 |
Contrast & Accessibility
2.65:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B31221 → Background: #12B3A4
The quick brown fox jumps over the lazy dog
Text: #12B3A4 → Background: #B31221
Color Difference (Delta E)
111.62
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #12B3A4, #B31221);
background: linear-gradient(135deg, #12B3A4, #B31221);