#03027C
#03027C
#7B7C02
#7B7C02
Color Values
| Format | #03027C | #7B7C02 |
|---|---|---|
| HEX | #03027C | #7B7C02 |
| RGB | 3, 2, 124 | 123, 124, 2 |
| HSL | 240.5, 96.8%, 24.7% | 60.5, 96.8%, 24.7% |
| HSV | 240.5, 98.4%, 48.6% | 60.5, 98.4%, 48.6% |
| CMYK | 97.6%, 98.4%, 0.0%, 51.4% | 0.8%, 0.0%, 98.4%, 51.4% |
| OKLCH | 0.2681 0.1815 265.1 | 0.5667 0.1234 110.3 |
Contrast & Accessibility
3.63:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #7B7C02 → Background: #03027C
The quick brown fox jumps over the lazy dog
Text: #03027C → Background: #7B7C02
Color Difference (Delta E)
136.56
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #03027C, #7B7C02);
background: linear-gradient(135deg, #03027C, #7B7C02);