#554EC6
#554EC6
#BFC64E
#BFC64E
Color Values
| Format | #554EC6 | #BFC64E |
|---|---|---|
| HEX | #554EC6 | #BFC64E |
| RGB | 85, 78, 198 | 191, 198, 78 |
| HSL | 243.5, 51.3%, 54.1% | 63.5, 51.3%, 54.1% |
| HSV | 243.5, 60.6%, 77.6% | 63.5, 60.6%, 77.6% |
| CMYK | 57.1%, 60.6%, 0.0%, 22.4% | 3.5%, 0.0%, 60.6%, 22.4% |
| OKLCH | 0.5009 0.1807 280.3 | 0.798 0.1425 112.3 |
Contrast & Accessibility
3.46:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BFC64E → Background: #554EC6
The quick brown fox jumps over the lazy dog
Text: #554EC6 → Background: #BFC64E
Color Difference (Delta E)
136.68
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #554EC6, #BFC64E);
background: linear-gradient(135deg, #554EC6, #BFC64E);