#5689FF
#5689FF
#FFCC56
#FFCC56
Farbwerte
| Format | #5689FF | #FFCC56 |
|---|---|---|
| HEX | #5689FF | #FFCC56 |
| RGB | 86, 137, 255 | 255, 204, 86 |
| HSL | 221,9, 100,0%, 66,9% | 41,9, 100,0%, 66,9% |
| HSV | 221,9, 66,3%, 100,0% | 41,9, 66,3%, 100,0% |
| CMYK | 66,3%, 46,3%, 0,0%, 0,0% | 0,0%, 20,0%, 66,3%, 0,0% |
| OKLCH | 0,6539 0,1836 264,3 | 0,869 0,1446 85,3 |
Kontrast & Barrierefreiheit
2,19:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #FFCC56 → Hintergrund: #5689FF
Der schnelle braune Fuchs springt über den faulen Hund
Text: #5689FF → Hintergrund: #FFCC56
Farbunterschied (Delta E)
130,74
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #5689FF, #FFCC56);
background: linear-gradient(135deg, #5689FF, #FFCC56);