#358076
#358076
#80353F
#80353F
Color Values
| Format | #358076 | #80353F |
|---|---|---|
| HEX | #358076 | #80353F |
| RGB | 53, 128, 118 | 128, 53, 63 |
| HSL | 172.0, 41.4%, 35.5% | 352.0, 41.4%, 35.5% |
| HSV | 172.0, 58.6%, 50.2% | 352.0, 58.6%, 50.2% |
| CMYK | 58.6%, 0.0%, 7.8%, 49.8% | 0.0%, 58.6%, 50.8%, 49.8% |
| OKLCH | 0.5499 0.0758 183.5 | 0.4346 0.104 14.3 |
Contrast & Accessibility
1.8:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #80353F → Background: #358076
The quick brown fox jumps over the lazy dog
Text: #358076 → Background: #80353F
Color Difference (Delta E)
62.32
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #358076, #80353F);
background: linear-gradient(135deg, #358076, #80353F);