#438672
#438672
#864357
#864357
Color Values
| Format | #438672 | #864357 |
|---|---|---|
| HEX | #438672 | #864357 |
| RGB | 67, 134, 114 | 134, 67, 87 |
| HSL | 162.1, 33.3%, 39.4% | 342.1, 33.3%, 39.4% |
| HSV | 162.1, 50.0%, 52.5% | 342.1, 50.0%, 52.5% |
| CMYK | 50.0%, 0.0%, 14.9%, 47.5% | 0.0%, 50.0%, 35.1%, 47.5% |
| OKLCH | 0.5699 0.0758 171.8 | 0.4727 0.0941 2.3 |
Contrast & Accessibility
1.66:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #864357 → Background: #438672
The quick brown fox jumps over the lazy dog
Text: #438672 → Background: #864357
Color Difference (Delta E)
59.12
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #438672, #864357);
background: linear-gradient(135deg, #438672, #864357);