#667CCC
#667CCC
#CCB666
#CCB666
Farbwerte
| Format | #667CCC | #CCB666 |
|---|---|---|
| HEX | #667CCC | #CCB666 |
| RGB | 102, 124, 204 | 204, 182, 102 |
| HSL | 227,1, 50,0%, 60,0% | 47,1, 50,0%, 60,0% |
| HSV | 227,1, 50,0%, 80,0% | 47,1, 50,0%, 80,0% |
| CMYK | 50,0%, 39,2%, 0,0%, 20,0% | 0,0%, 10,8%, 50,0%, 20,0% |
| OKLCH | 0,6051 0,1245 270,7 | 0,7781 0,1036 94,4 |
Kontrast & Barrierefreiheit
1,96:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Textlesbarkeit
Der schnelle braune Fuchs springt über den faulen Hund
Text: #CCB666 → Hintergrund: #667CCC
Der schnelle braune Fuchs springt über den faulen Hund
Text: #667CCC → Hintergrund: #CCB666
Farbunterschied (Delta E)
91,3
Very Different
0 — Identisch
5 — Ähnlich
25 — Deutlicher Unterschied
100 — Sehr verschieden
Verlauf
Farbmischung
CSS-Verlaufscode
background: linear-gradient(to right, #667CCC, #CCB666);
background: linear-gradient(135deg, #667CCC, #CCB666);