#372FCB
#372FCB
#C3CB2F
#C3CB2F
Color Values
| Format | #372FCB | #C3CB2F |
|---|---|---|
| HEX | #372FCB | #C3CB2F |
| RGB | 55, 47, 203 | 195, 203, 47 |
| HSL | 243.1, 62.4%, 49.0% | 63.1, 62.4%, 49.0% |
| HSV | 243.1, 76.8%, 79.6% | 63.1, 76.8%, 79.6% |
| CMYK | 72.9%, 76.8%, 0.0%, 20.4% | 3.9%, 0.0%, 76.8%, 20.4% |
| OKLCH | 0.4379 0.2271 273.9 | 0.8099 0.167 112.6 |
Contrast & Accessibility
4.9:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C3CB2F → Background: #372FCB
The quick brown fox jumps over the lazy dog
Text: #372FCB → Background: #C3CB2F
Color Difference (Delta E)
172.26
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #372FCB, #C3CB2F);
background: linear-gradient(135deg, #372FCB, #C3CB2F);