#7BA5F2
#7BA5F2
#F2C87B
#F2C87B
Farbwerte
| Format | #7BA5F2 | #F2C87B |
|---|---|---|
| HEX | #7BA5F2 | #F2C87B |
| RGB | 123, 165, 242 | 242, 200, 123 |
| HSL | 218,8, 82,1%, 71,6% | 38,8, 82,1%, 71,6% |
| HSV | 218,8, 49,2%, 94,9% | 38,8, 49,2%, 94,9% |
| CMYK | 49,2%, 31,8%, 0,0%, 5,1% | 0,0%, 17,4%, 49,2%, 5,1% |
| OKLCH | 0,7233 0,1219 261,9 | 0,853 0,1067 81,7 |
Kontrast & Barrierefreiheit
1,57:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #F2C87B → Hintergrund: #7BA5F2
Der schnelle braune Fuchs springt über den faulen Hund
Text: #7BA5F2 → Hintergrund: #F2C87B
Farbunterschied (Delta E)
88,1
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #7BA5F2, #F2C87B);
background: linear-gradient(135deg, #7BA5F2, #F2C87B);