#21A7B0
#21A7B0
#B02A21
#B02A21
Farbwerte
| Format | #21A7B0 | #B02A21 |
|---|---|---|
| HEX | #21A7B0 | #B02A21 |
| RGB | 33, 167, 176 | 176, 42, 33 |
| HSL | 183,8, 68,4%, 41,0% | 3,8, 68,4%, 41,0% |
| HSV | 183,8, 81,2%, 69,0% | 3,8, 81,2%, 69,0% |
| CMYK | 81,2%, 5,1%, 0,0%, 31,0% | 0,0%, 76,1%, 81,2%, 31,0% |
| OKLCH | 0,6658 0,107 202,1 | 0,4995 0,172 28,8 |
Kontrast & Barrierefreiheit
2,26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #B02A21 → Hintergrund: #21A7B0
Der schnelle braune Fuchs springt über den faulen Hund
Text: #21A7B0 → Hintergrund: #B02A21
Farbunterschied (Delta E)
101,35
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #21A7B0, #B02A21);
background: linear-gradient(135deg, #21A7B0, #B02A21);