#502383
#502383
#568323
#568323
Color Values
| Format | #502383 | #568323 |
|---|---|---|
| HEX | #502383 | #568323 |
| RGB | 80, 35, 131 | 86, 131, 35 |
| HSL | 268.1, 57.8%, 32.5% | 88.1, 57.8%, 32.5% |
| HSV | 268.1, 73.3%, 51.4% | 88.1, 73.3%, 51.4% |
| CMYK | 38.9%, 73.3%, 0.0%, 48.6% | 34.4%, 0.0%, 73.3%, 48.6% |
| OKLCH | 0.375 0.1519 300.6 | 0.5575 0.134 131.5 |
Contrast & Accessibility
2.44:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #568323 → Background: #502383
The quick brown fox jumps over the lazy dog
Text: #502383 → Background: #568323
Color Difference (Delta E)
118.22
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #502383, #568323);
background: linear-gradient(135deg, #502383, #568323);