Palette de couleurs Olive Rooftop

Olive Rooftop est une palette de 4 couleurs qui puise dans les neutres, verts et oranges. En OKLCH, sa luminosité va de 35 % (#3B3A30, foncé) à 90 % (#EFD9C0, clair), et sa couleur la plus saturée, #8C9A78, est atténué. 1 de ses 3 couleurs chromatiques se situe du côté chaud du cercle chromatique. 1 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : terreuses, chaudes, vertes, sourdes, apaisantes et adaptées au daltonisme.

TerreusesChaudesVertesSourdesApaisantesAdaptées au daltonisme

Codes couleur

CouleurHEXRGBHSLOKLCH
Onyx #3B3A30 rgb(59, 58, 48) hsl(55, 10%, 21%) oklch(34.6% 0.017 102.5)
Dark Moss Green #5E6F55 rgb(94, 111, 85) hsl(99, 13%, 38%) oklch(52% 0.045 134.9)
Pewter #8C9A78 rgb(140, 154, 120) hsl(85, 14%, 54%) oklch(66.6% 0.051 126)
Lemon Meringue #EFD9C0 rgb(239, 217, 192) hsl(32, 59%, 85%) oklch(89.7% 0.041 70.8)

Accessibilité

Les meilleures paires texte et fond de Olive Rooftop, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.

PaireWCAG 2NiveauAPCA Lc
#EFD9C0 sur #3B3A30 8.37:1 AAA Lc -77.8
#EFD9C0 sur #5E6F55 3.96:1 AA grand texte Lc -60.0
#3B3A30 sur #8C9A78 3.82:1 AA grand texte Lc 37.8

Vision des couleurs

Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.

  • Protanopie

  • Deutéranopie

  • Tritanopie

  • Achromatopsie

À utiliser dans votre code

Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/3b3a30-5e6f55-8c9a78-efd9c0.json.

Faites-la vôtre

Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.

Ouvrir dans le générateur Créer un système de couleurs Visualiser

Dégradés de ces couleurs