Dark Pastel Green #56AE57

Dark Pastel Green est un vert moyennement clair et vif, de code hex #56AE57 et de valeur RGB rgb(86, 174, 87).

Aa

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

À propos de cette couleur

#56AE57 est un vert moyennement clair et vif. En OKLCH, sa luminosité est de 68 %, son chroma de 0.150 et sa teinte de 144°. Sa teinte se situe entre les moitiés chaude et froide du cercle chromatique. C’est la couleur nommée Dark Pastel Green. Le texte noir y est le plus lisible, avec un rapport de 7.58:1.

Famille de teinteVerts
Luminositémoyennement clair (68%)
Chromavif (0.150)
Températureintermédiaire
Nom le plus procheDark Pastel Green
Texte noir7.58:1
Texte blanc2.76:1

Couleurs qui vont avec Dark Pastel Green

Accords obtenus en faisant tourner Dark Pastel Green sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.

Complémentaire

La teinte opposée (180°).

Ouvrir la palette complémentaire dans le générateur

Palettes de couleurs avec Dark Pastel Green

Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Dark Pastel Green, les plus proches d’abord.

Couleurs nommées similaires

Les huit couleurs nommées les plus proches de Dark Pastel Green, avec leur distance ΔE.

En savoir plus sur Dark Pastel Green

Comment obtenir Dark Pastel Green

Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.

  • 4 parts de vert
  • 2 parts de blanc
  • 1 part de jaune

Résultat de la recette : #4FAC55, un écart de ΔE 0.009 par rapport à Dark Pastel Green. C’est très proche : la plupart des gens ne verront pas la différence.

Quelles couleurs donnent le vert ? | Tableau de mélange des couleurs

Codes de Dark Pastel Green dans tous les formats

HEX#56AE57
RGBrgb(86, 174, 87)
HSLhsl(121, 35%, 51%)
OKLCHoklch(67.5% 0.15 143.9)

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.

PaireWCAG 2RésultatAPCARecommandation APCA
Texte blanc sur #56AE57 2.76:1 Échec Lc -58.4 Texte grand ou gras, titres
Texte noir sur #56AE57 7.58:1 AAA Lc 50.9 Texte grand ou gras, titres
Texte #56AE57 sur blanc 2.76:1 Échec Lc 53.2 Texte grand ou gras, titres
Texte #56AE57 sur noir 7.58:1 AAA Lc -48.7 Texte grand ou gras, titres

Teintes et nuances de Dark Pastel Green

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

  1. Palier 50

    50

    #F1F8F0

    oklch(97.2% 0.013 141.8)

  2. Palier 100

    100

    #E0EFDF

    oklch(93.7% 0.027 143.6)

  3. Palier 200

    200

    #C5E3C4

    oklch(88.6% 0.053 144.3)

  4. Palier 300

    300

    #9CD19A

    oklch(80.9% 0.094 143.8)

  5. Palier 400

    400 (cette couleur)

    #56AE57

    oklch(67.5% 0.15 143.9)

  6. Palier 500

    500

    #22A52E

    oklch(63.1% 0.191 143.9)

  7. Palier 600

    600

    #008C19

    oklch(55.6% 0.181 143.9)

  8. Palier 700

    700

    #007614

    oklch(49.1% 0.16 143.9)

  9. Palier 800

    800

    #00610E

    oklch(42.8% 0.139 143.9)

  10. Palier 900

    900

    #00510A

    oklch(37.7% 0.123 143.9)

  11. Palier 950

    950

    #063009

    oklch(27.1% 0.079 144.1)

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

Dark Pastel Green 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.

VisionPerçue commeÉcart (ΔE)
Protanopie (sans cônes rouges)#B1A0500.112
Deutéranopie (sans cônes verts)#A5985D0.111
Tritanopie (sans cônes bleus)#49AA9A0.093
Achromatopsie (sans couleur)#9B9B9B0.150

Utilisez Dark Pastel Green dans votre produit

Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.