#48CCF0
#48CCF0
#F06C48
#F06C48
Farbwerte
| Format | #48CCF0 | #F06C48 |
|---|---|---|
| HEX | #48CCF0 | #F06C48 |
| RGB | 72, 204, 240 | 240, 108, 72 |
| HSL | 192,9, 84,8%, 61,2% | 12,9, 84,8%, 61,2% |
| HSV | 192,9, 70,0%, 94,1% | 12,9, 70,0%, 94,1% |
| CMYK | 70,0%, 15,0%, 0,0%, 5,9% | 0,0%, 55,0%, 70,0%, 5,9% |
| OKLCH | 0,7883 0,1228 219,8 | 0,6857 0,1711 36,2 |
Kontrast & Barrierefreiheit
1,61:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #F06C48 → Hintergrund: #48CCF0
Der schnelle braune Fuchs springt über den faulen Hund
Text: #48CCF0 → Hintergrund: #F06C48
Farbunterschied (Delta E)
104,0
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #48CCF0, #F06C48);
background: linear-gradient(135deg, #48CCF0, #F06C48);