#574FE2
#574FE2
#DAE24F
#DAE24F
Color Values
| Format | #574FE2 | #DAE24F |
|---|---|---|
| HEX | #574FE2 | #DAE24F |
| RGB | 87, 79, 226 | 218, 226, 79 |
| HSL | 243.3, 71.7%, 59.8% | 63.3, 71.7%, 59.8% |
| HSV | 243.3, 65.0%, 88.6% | 63.3, 65.0%, 88.6% |
| CMYK | 61.5%, 65.0%, 0.0%, 11.4% | 3.5%, 0.0%, 65.0%, 11.4% |
| OKLCH | 0.527 0.2149 278.5 | 0.8802 0.1658 112.3 |
Contrast & Accessibility
4.13:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DAE24F → Background: #574FE2
The quick brown fox jumps over the lazy dog
Text: #574FE2 → Background: #DAE24F
Color Difference (Delta E)
162.59
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #574FE2, #DAE24F);
background: linear-gradient(135deg, #574FE2, #DAE24F);