#5F63AF
#5F63AF
#AFAB5F
#AFAB5F
Farbwerte
| Format | #5F63AF | #AFAB5F |
|---|---|---|
| HEX | #5F63AF | #AFAB5F |
| RGB | 95, 99, 175 | 175, 171, 95 |
| HSL | 237,0, 33,3%, 52,9% | 57,0, 33,3%, 52,9% |
| HSV | 237,0, 45,7%, 68,6% | 57,0, 45,7%, 68,6% |
| CMYK | 45,7%, 43,4%, 0,0%, 31,4% | 0,0%, 2,3%, 45,7%, 31,4% |
| OKLCH | 0,532 0,118 279,3 | 0,7277 0,0984 105,9 |
Kontrast & Barrierefreiheit
2,27:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #AFAB5F → Hintergrund: #5F63AF
Der schnelle braune Fuchs springt über den faulen Hund
Text: #5F63AF → Hintergrund: #AFAB5F
Farbunterschied (Delta E)
88,74
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #5F63AF, #AFAB5F);
background: linear-gradient(135deg, #5F63AF, #AFAB5F);