#37A7A2
#37A7A2
#A7373C
#A7373C
Color Values
| Format | #37A7A2 | #A7373C |
|---|---|---|
| HEX | #37A7A2 | #A7373C |
| RGB | 55, 167, 162 | 167, 55, 60 |
| HSL | 177.3, 50.5%, 43.5% | 357.3, 50.5%, 43.5% |
| HSV | 177.3, 67.1%, 65.5% | 357.3, 67.1%, 65.5% |
| CMYK | 67.1%, 0.0%, 3.0%, 34.5% | 0.0%, 67.1%, 64.1%, 34.5% |
| OKLCH | 0.6653 0.0989 190.8 | 0.501 0.147 21.7 |
Contrast & Accessibility
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #A7373C → Background: #37A7A2
The quick brown fox jumps over the lazy dog
Text: #37A7A2 → Background: #A7373C
Color Difference (Delta E)
86.51
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #37A7A2, #A7373C);
background: linear-gradient(135deg, #37A7A2, #A7373C);