#ECD396

Couleur nommée la plus proche : Vanilla (#E9D8A6). oklch(87.4% 0.083 88.2), rgb(236, 211, 150).

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

À propos de cette couleur

#ECD396 est un orange clair et moyennement saturé. En OKLCH, sa luminosité est de 87 %, son chroma de 0.083 et sa teinte de 88°. Sa teinte se situe du côté chaud du cercle chromatique. La couleur nommée la plus proche est Vanilla (#E9D8A6), à une distance de ΔE 0.019. Le texte noir y est le plus lisible, avec un rapport de 14.32:1.

Famille de teinte	Oranges
Luminosité	clair (87%)
Chroma	moyennement saturé (0.083)
Température	chaud
Nom le plus proche	Vanilla (#E9D8A6)
Texte noir	14.32:1
Texte blanc	1.46:1

Valeurs

HEX	#ECD396
RGB	rgb(236, 211, 150)
HSL	hsl(43, 69%, 76%)
OKLCH	oklch(87.4% 0.083 88.2)

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 #ECD396	1.46:1	Échec	Lc -25.1	Séparateurs et décoration uniquement
Texte noir sur #ECD396	14.32:1	AAA	Lc 81.7	Correct pour le texte courant
Texte #ECD396 sur blanc	1.46:1	Échec	Lc 22.1	Séparateurs et décoration uniquement
Texte #ECD396 sur noir	14.32:1	AAA	Lc -81.2	Correct pour le texte courant

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

Palier 50
50

#F9F5EB

oklch(97.1% 0.014 88.7)
Palier 100
100

#F2E9D3

oklch(93.5% 0.031 88.4)
Palier 200
200 (cette couleur)

#ECD396

oklch(87.4% 0.083 88.2)
Palier 300
300

#DDBD6C

oklch(80.9% 0.107 88.4)
Palier 400
400

#C69A00

oklch(70.7% 0.145 88.1)
Palier 500
500

#AA8400

oklch(63.2% 0.129 88.2)
Palier 600
600

#8F6E00

oklch(55.5% 0.114 87.7)
Palier 700
700

#785C00

oklch(49% 0.1 87.9)
Palier 800
800

#634B00

oklch(42.6% 0.087 87.5)
Palier 900
900

#523F00

oklch(37.8% 0.077 89.3)
Palier 950
950

#322400

oklch(27% 0.055 86.6)

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

#ECD396 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)	#E1D192	0.018
Deutéranopie (sans cônes verts)	#E7D898	0.014
Tritanopie (sans cônes bleus)	#F9C9C3	0.075
Achromatopsie (sans couleur)	#D5D5D5	0.083