#39A2A8
#39A2A8
#A83F39
#A83F39
Color Values
| Format | #39A2A8 | #A83F39 |
|---|---|---|
| HEX | #39A2A8 | #A83F39 |
| RGB | 57, 162, 168 | 168, 63, 57 |
| HSL | 183.2, 49.3%, 44.1% | 3.2, 49.3%, 44.1% |
| HSV | 183.2, 66.1%, 65.9% | 3.2, 66.1%, 65.9% |
| CMYK | 66.1%, 3.6%, 0.0%, 34.1% | 0.0%, 62.5%, 66.1%, 34.1% |
| OKLCH | 0.6555 0.0943 200.5 | 0.5121 0.1397 26.5 |
Contrast & Accessibility
2.01:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #A83F39 → Background: #39A2A8
The quick brown fox jumps over the lazy dog
Text: #39A2A8 → Background: #A83F39
Color Difference (Delta E)
82.49
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #39A2A8, #A83F39);
background: linear-gradient(135deg, #39A2A8, #A83F39);