#533D7B
#533D7B
#657B3D
#657B3D
Color Values
| Format | #533D7B | #657B3D |
|---|---|---|
| HEX | #533D7B | #657B3D |
| RGB | 83, 61, 123 | 101, 123, 61 |
| HSL | 261.3, 33.7%, 36.1% | 81.3, 33.7%, 36.1% |
| HSV | 261.3, 50.4%, 48.2% | 81.3, 50.4%, 48.2% |
| CMYK | 32.5%, 50.4%, 0.0%, 51.8% | 17.9%, 0.0%, 50.4%, 51.8% |
| OKLCH | 0.4141 0.1021 298.2 | 0.5503 0.0912 125.4 |
Contrast & Accessibility
1.92:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #657B3D → Background: #533D7B
The quick brown fox jumps over the lazy dog
Text: #533D7B → Background: #657B3D
Color Difference (Delta E)
78.38
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #533D7B, #657B3D);
background: linear-gradient(135deg, #533D7B, #657B3D);