#372DC5
#372DC5
#BBC52D
#BBC52D
Color Values
| Format | #372DC5 | #BBC52D |
|---|---|---|
| HEX | #372DC5 | #BBC52D |
| RGB | 55, 45, 197 | 187, 197, 45 |
| HSL | 243.9, 62.8%, 47.5% | 63.9, 62.8%, 47.5% |
| HSV | 243.9, 77.2%, 77.3% | 63.9, 77.2%, 77.3% |
| CMYK | 72.1%, 77.2%, 0.0%, 22.7% | 5.1%, 0.0%, 77.2%, 22.7% |
| OKLCH | 0.429 0.2218 274.6 | 0.7901 0.1641 113.5 |
Contrast & Accessibility
4.75:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BBC52D → Background: #372DC5
The quick brown fox jumps over the lazy dog
Text: #372DC5 → Background: #BBC52D
Color Difference (Delta E)
168.72
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #372DC5, #BBC52D);
background: linear-gradient(135deg, #372DC5, #BBC52D);