#5697ED
#5697ED
#EDAC56
#EDAC56
Color Values
| Format | #5697ED | #EDAC56 |
|---|---|---|
| HEX | #5697ED | #EDAC56 |
| RGB | 86, 151, 237 | 237, 172, 86 |
| HSL | 214.2, 80.7%, 63.3% | 34.2, 80.7%, 63.3% |
| HSV | 214.2, 63.7%, 92.9% | 34.2, 63.7%, 92.9% |
| CMYK | 63.7%, 36.3%, 0.0%, 7.1% | 0.0%, 27.4%, 63.7%, 7.1% |
| OKLCH | 0.6723 0.1447 256.1 | 0.7896 0.1275 71.7 |
Contrast & Accessibility
1.51:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EDAC56 → Background: #5697ED
The quick brown fox jumps over the lazy dog
Text: #5697ED → Background: #EDAC56
Color Difference (Delta E)
103.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5697ED, #EDAC56);
background: linear-gradient(135deg, #5697ED, #EDAC56);