#226FA2

Couleur nommée la plus proche : Ocean Blue (#03719C). oklch(52% 0.109 242.6), rgb(34, 111, 162).

Le texte blanc est le plus lisible sur cette couleur (5.43:1).

À propos de cette couleur

#226FA2 est un bleu moyennement foncé et moyennement saturé. En OKLCH, sa luminosité est de 52 %, son chroma de 0.109 et sa teinte de 243°. Sa teinte se situe du côté froid du cercle chromatique. La couleur nommée la plus proche est Ocean Blue (#03719C), à une distance de ΔE 0.017. Le texte blanc y est le plus lisible, avec un rapport de 5.43:1.

Famille de teinte	Bleus
Luminosité	moyennement foncé (52%)
Chroma	moyennement saturé (0.109)
Température	froid
Nom le plus proche	Ocean Blue (#03719C)
Texte noir	3.86:1
Texte blanc	5.43:1

Valeurs

HEX	#226FA2
RGB	rgb(34, 111, 162)
HSL	hsl(204, 65%, 38%)
OKLCH	oklch(52% 0.109 242.6)

Contraste

Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.

Paire	WCAG 2	Résultat	APCA	Recommandation APCA
Texte blanc sur #226FA2	5.43:1	AA	Lc -82.1	Correct pour le texte courant
Texte noir sur #226FA2	3.86:1	AA grand texte	Lc 27.3	Séparateurs et décoration uniquement
Texte #226FA2 sur blanc	5.43:1	AA	Lc 76.8	Correct pour le texte courant
Texte #226FA2 sur noir	3.86:1	AA grand texte	Lc -25.0	Séparateurs et décoration uniquement

Teintes et nuances

Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 700.

Palier 50
50

#F2F6FA

oklch(97.1% 0.007 247.9)
Palier 100
100

#E2EBF3

oklch(93.6% 0.015 244.7)
Palier 200
200

#C9DCEB

oklch(88.5% 0.029 241.6)
Palier 300
300

#A4C5E0

oklch(80.8% 0.052 243.1)
Palier 400
400

#71A7D1

oklch(70.7% 0.084 242.8)
Palier 500
500

#4890C5

oklch(63% 0.108 243)
Palier 600
600

#257AB2

oklch(55.7% 0.117 242.6)
Palier 700
700 (cette couleur)

#226FA2

oklch(52% 0.109 242.6)
Palier 800
800

#17547C

oklch(42.8% 0.09 242.5)
Palier 900
900

#1B4564

oklch(37.6% 0.071 243.7)
Palier 950
950

#11293A

oklch(27% 0.044 241.7)

Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind

#226FA2 et daltonisme

Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.

Vision	Perçue comme	Écart (ΔE)
Protanopie (sans cônes rouges)	#5770A4	0.050
Deutéranopie (sans cônes verts)	#4564A1	0.039
Tritanopie (sans cônes bleus)	#007C81	0.076
Achromatopsie (sans couleur)	#6A6A6A	0.109