#2C7F86

#2C7F86

white

#FFFFFF

Ratio de contraste

4,68:1

Delta E

56,89

Very Different

Mélange 50:50

#9ABDC1

Valeurs de couleur

Format #2C7F86 #FFFFFF
HEX #2C7F86 #FFFFFF
RGB 44, 127, 134 255, 255, 255
HSL 184,7, 50,6%, 34,9% 0,0, 0,0%, 100,0%
HSV 184,7, 67,2%, 52,5% 0,0, 0,0%, 100,0%
CMYK 67,2%, 5,2%, 0,0%, 47,5% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5502 0,0786 203,1 1,0 0,0 89,9

Contraste et accessibilité

4,68:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Lisibilité du texte

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #FFFFFF → Arrière-plan: #2C7F86

Le rapide renard brun saute par-dessus le chien paresseux

Texte: #2C7F86 → Arrière-plan: #FFFFFF

Différence de couleur (Delta E)

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

Dégradé

#2C7F86 #559399 #78A8AD #9ABDC1 #BCD3D5 #DDE9EA #FFFFFF

Mélange de couleurs

#2C7F86

100%

#679EA3

75:25

#9ABDC1

50:50

#CCDEDF

25:75

#FFFFFF

100%

Code de dégradé CSS

background: linear-gradient(to right, #2C7F86, #FFFFFF);
background: linear-gradient(135deg, #2C7F86, #FFFFFF);

Explorer chaque couleur

#2C7F86

Voir tous les détails de la couleur

white

Voir tous les détails de la couleur

Comparaisons associées