#5FA6F2
#5FA6F2
#F2AB5F
#F2AB5F
Farbwerte
| Format | #5FA6F2 | #F2AB5F |
|---|---|---|
| HEX | #5FA6F2 | #F2AB5F |
| RGB | 95, 166, 242 | 242, 171, 95 |
| HSL | 211,0, 85,0%, 66,1% | 31,0, 85,0%, 66,1% |
| HSV | 211,0, 60,7%, 94,9% | 31,0, 60,7%, 94,9% |
| CMYK | 60,7%, 31,4%, 0,0%, 5,1% | 0,0%, 29,3%, 60,7%, 5,1% |
| OKLCH | 0,7113 0,133 251,6 | 0,7943 0,1247 66,2 |
Kontrast & Barrierefreiheit
1,31:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #F2AB5F → Hintergrund: #5FA6F2
Der schnelle braune Fuchs springt über den faulen Hund
Text: #5FA6F2 → Hintergrund: #F2AB5F
Farbunterschied (Delta E)
95,72
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #5FA6F2, #F2AB5F);
background: linear-gradient(135deg, #5FA6F2, #F2AB5F);