#3B82F6

#3B82F6

#F6AF3B

#F6AF3B

Kontrastverhältnis

1,95:1

Delta E

132,13

Very Different

50:50 Mischung

#BF96A0

Farbwerte

Format #3B82F6 #F6AF3B
HEX #3B82F6 #F6AF3B
RGB 59, 130, 246 246, 175, 59
HSL 217,2, 91,2%, 59,8% 37,2, 91,2%, 59,8%
HSV 217,2, 76,0%, 96,5% 37,2, 76,0%, 96,5%
CMYK 76,0%, 47,2%, 0,0%, 3,5% 0,0%, 28,9%, 76,0%, 3,5%
OKLCH 0,6231 0,188 259,8 0,8026 0,1496 75,1

Kontrast & Barrierefreiheit

1,95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Textlesbarkeit

Der schnelle braune Fuchs springt über den faulen Hund

Text: #F6AF3B → Hintergrund: #3B82F6

Der schnelle braune Fuchs springt über den faulen Hund

Text: #3B82F6 → Hintergrund: #F6AF3B

Farbunterschied (Delta E)

132,13 Very Different
0 — Identisch 5 — Ähnlich 25 — Deutlicher Unterschied 100 — Sehr verschieden

Verlauf

#3B82F6 #7F88D9 #A48FBD #BF96A0 #D49E82 #E6A662 #F6AF3B

Farbmischung

#3B82F6

100%

#948BCB

75:25

#BF96A0

50:50

#DEA272

25:75

#F6AF3B

100%

CSS-Verlaufscode

background: linear-gradient(to right, #3B82F6, #F6AF3B);
background: linear-gradient(135deg, #3B82F6, #F6AF3B);

Jede Farbe erkunden

#3B82F6

Alle Farbdetails anzeigen

#F6AF3B

Alle Farbdetails anzeigen

Verwandte Vergleiche