#7697F2

#7697F2

#F2D176

#F2D176

Ratio de contraste

1,89:1

Delta E

101,39

Very Different

Mélange 50:50

#C4B2B7

Valeurs de couleur

Format #7697F2 #F2D176
HEX #7697F2 #F2D176
RGB 118, 151, 242 242, 209, 118
HSL 224,0, 82,7%, 70,6% 44,0, 82,7%, 70,6%
HSV 224,0, 51,2%, 94,9% 44,0, 51,2%, 94,9%
CMYK 51,2%, 37,6%, 0,0%, 5,1% 0,0%, 13,6%, 51,2%, 5,1%
OKLCH 0,6915 0,1393 267,6 0,87 0,1167 90,0

Contraste et accessibilité

1,89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Lisibilité du texte

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #F2D176 → Arrière-plan: #7697F2

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #7697F2 → Arrière-plan: #F2D176

Différence de couleur (Delta E)

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

Dégradé

#7697F2 #97A0DF #AFA9CB #C4B2B7 #D5BCA3 #E4C78D #F2D176

Mélange de couleurs

#7697F2

100%

#A4A4D5

75:25

#C4B2B7

50:50

#DDC198

25:75

#F2D176

100%

Code de dégradé CSS

background: linear-gradient(to right, #7697F2, #F2D176);
background: linear-gradient(135deg, #7697F2, #F2D176);

Explorer chaque couleur

#7697F2

Voir tous les détails de la couleur

#F2D176

Voir tous les détails de la couleur

Comparaisons associées