#3C109C
#3C109C
#709C10
#709C10
Color Values
| Format | #3C109C | #709C10 |
|---|---|---|
| HEX | #3C109C | #709C10 |
| RGB | 60, 16, 156 | 112, 156, 16 |
| HSL | 258.9, 81.4%, 33.7% | 78.9, 81.4%, 33.7% |
| HSV | 258.9, 89.7%, 61.2% | 78.9, 89.7%, 61.2% |
| CMYK | 61.5%, 89.7%, 0.0%, 38.8% | 28.2%, 0.0%, 89.7%, 38.8% |
| OKLCH | 0.3587 0.1961 284.9 | 0.6371 0.1606 127.3 |
Contrast & Accessibility
3.69:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #709C10 → Background: #3C109C
The quick brown fox jumps over the lazy dog
Text: #3C109C → Background: #709C10
Color Difference (Delta E)
156.04
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3C109C, #709C10);
background: linear-gradient(135deg, #3C109C, #709C10);