#21D4F8

Couleur nommée la plus proche : Bright Sky Blue (#02CCFE). oklch(80.3% 0.139 216.5), rgb(33, 212, 248).

Le texte noir est le plus lisible sur cette couleur (11.83:1).

À propos de cette couleur

#21D4F8 est un turquoise ou cyan clair et moyennement saturé. En OKLCH, sa luminosité est de 80 %, son chroma de 0.139 et sa teinte de 217°. Sa teinte se situe du côté froid du cercle chromatique. La couleur nommée la plus proche est Bright Sky Blue (#02CCFE), à une distance de ΔE 0.027. Le texte noir y est le plus lisible, avec un rapport de 11.83:1.

Famille de teinte	Turquoises et cyans
Luminosité	clair (80%)
Chroma	moyennement saturé (0.139)
Température	froid
Nom le plus proche	Bright Sky Blue (#02CCFE)
Texte noir	11.83:1
Texte blanc	1.77:1

Valeurs

HEX	#21D4F8
RGB	rgb(33, 212, 248)
HSL	hsl(190, 94%, 55%)
OKLCH	oklch(80.3% 0.139 216.5)

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 #21D4F8	1.77:1	Échec	Lc -36.0	Éléments non textuels, texte indicatif
Texte noir sur #21D4F8	11.83:1	AAA	Lc 71.8	Texte de contenu, pas pour la lecture longue
Texte #21D4F8 sur blanc	1.77:1	Échec	Lc 32.1	Éléments non textuels, texte indicatif
Texte #21D4F8 sur noir	11.83:1	AAA	Lc -70.6	Texte de contenu, pas pour la lecture longue

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 300.

Palier 50
50

#E8F9FE

oklch(97.1% 0.019 217.2)
Palier 100
100

#CDF1FB

oklch(93.6% 0.04 216.4)
Palier 200
200

#9EE6FA

oklch(88.4% 0.076 217.1)
Palier 300
300 (cette couleur)

#21D4F8

oklch(80.3% 0.139 216.5)
Palier 400
400

#00B3D3

oklch(70.7% 0.126 216.7)
Palier 500
500

#009AB5

oklch(63.2% 0.112 216)
Palier 600
600

#008199

oklch(55.6% 0.099 216.9)
Palier 700
700

#006C81

oklch(49% 0.088 217.4)
Palier 800
800

#00596A

oklch(42.8% 0.076 216.6)
Palier 900
900

#004A58

oklch(37.7% 0.067 215.8)
Palier 950
950

#002C35

oklch(27% 0.048 215.4)

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

#21D4F8 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)	#BCCDFA	0.121
Deutéranopie (sans cônes verts)	#A1BAF8	0.108
Tritanopie (sans cônes bleus)	#00E1DF	0.059
Achromatopsie (sans couleur)	#C2C2C2	0.139