#338E83

Couleur nommée la plus proche : Dusty Teal (#4C9085). oklch(59% 0.087 184), rgb(51, 142, 131).

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

À propos de cette couleur

#338E83 est un turquoise ou cyan moyennement foncé et moyennement saturé. En OKLCH, sa luminosité est de 59 %, son chroma de 0.087 et sa teinte de 184°. Sa teinte se situe du côté froid du cercle chromatique. La couleur nommée la plus proche est Dusty Teal (#4C9085), à une distance de ΔE 0.022. Le texte noir y est le plus lisible, avec un rapport de 5.33:1.

Famille de teinte	Turquoises et cyans
Luminosité	moyennement foncé (59%)
Chroma	moyennement saturé (0.087)
Température	froid
Nom le plus proche	Dusty Teal (#4C9085)
Texte noir	5.33:1
Texte blanc	3.93:1

Valeurs

HEX	#338E83
RGB	rgb(51, 142, 131)
HSL	hsl(173, 47%, 38%)
OKLCH	oklch(59% 0.087 184)

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 #338E83	3.93:1	AA grand texte	Lc -72.0	Texte de contenu, pas pour la lecture longue
Texte noir sur #338E83	5.33:1	AA	Lc 37.6	Éléments non textuels, texte indicatif
Texte #338E83 sur blanc	3.93:1	AA grand texte	Lc 66.5	Texte de contenu, pas pour la lecture longue
Texte #338E83 sur noir	5.33:1	AA	Lc -35.2	Éléments non textuels, texte indicatif

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

Palier 50
50

#F2F7F6

oklch(97.2% 0.005 183)
Palier 100
100

#E2ECEB

oklch(93.5% 0.011 189.8)
Palier 200
200

#CADEDB

oklch(88.5% 0.022 186)
Palier 300
300

#A6C9C3

oklch(80.9% 0.038 183.8)
Palier 400
400

#73AEA5

oklch(70.8% 0.063 183.9)
Palier 500
500

#4A998F

oklch(63% 0.08 184.5)
Palier 600
600 (cette couleur)

#338E83

oklch(59% 0.087 184)
Palier 700
700

#166F66

oklch(49% 0.08 184.6)
Palier 800
800

#175B53

oklch(42.8% 0.067 183.7)
Palier 900
900

#1B4B45

oklch(37.8% 0.053 184.1)
Palier 950
950

#122C28

oklch(27.1% 0.033 182.6)

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

#338E83 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)	#878683	0.092
Deutéranopie (sans cônes verts)	#7A7C84	0.088
Tritanopie (sans cônes bleus)	#00918A	0.018
Achromatopsie (sans couleur)	#808080	0.087