#503C63

#503C63

white

#FFFFFF

Ratio de contraste

9,69:1

Delta E

75,71

Very Different

Mélange 50:50

#A498AE

Valeurs de couleur

Format #503C63 #FFFFFF
HEX #503C63 #FFFFFF
RGB 80, 60, 99 255, 255, 255
HSL 270,8, 24,5%, 31,2% 0,0, 0,0%, 100,0%
HSV 270,8, 39,4%, 38,8% 0,0, 0,0%, 100,0%
CMYK 19,2%, 39,4%, 0,0%, 61,2% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,3949 0,0684 307,1 1,0 0,0 89,9

Contraste et accessibilité

9,69:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

Lisibilité du texte

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #FFFFFF → Arrière-plan: #503C63

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #503C63 → Arrière-plan: #FFFFFF

Différence de couleur (Delta E)

75,71 Very Different
0 — Identique 5 — Similaire 25 — Différence notable 100 — Très différent

Dégradé

#503C63 #6B597B #877894 #A498AE #C2B9C8 #E0DCE3 #FFFFFF

Mélange de couleurs

#503C63

100%

#796888

75:25

#A498AE

50:50

#D1CAD6

25:75

#FFFFFF

100%

Code de dégradé CSS

background: linear-gradient(to right, #503C63, #FFFFFF);
background: linear-gradient(135deg, #503C63, #FFFFFF);

Explorer chaque couleur

#503C63

Voir tous les détails de la couleur

white

Voir tous les détails de la couleur

Comparaisons associées