Palette de couleurs Noir and Obsidian

Noir and Obsidian est une palette de 4 couleurs qui puise dans les bruns et jaunes. En OKLCH, sa luminosité va de 21 % (#261500, très foncé) à 89 % (#E8DC9F, clair), et sa couleur la plus saturée, #742F00, est moyennement saturé. 3 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : luxe, sombres, marron, chaudes et terreuses.

LuxeSombresMarronChaudesTerreuses

Codes couleur

CouleurHEXRGBHSLOKLCH
Jet #261500 rgb(38, 21, 0) hsl(33, 100%, 7%) oklch(21.4% 0.046 71.8)
Pakistan Green #29350B rgb(41, 53, 11) hsl(77, 66%, 13%) oklch(30.8% 0.065 124)
Maroon #742F00 rgb(116, 47, 0) hsl(24, 100%, 23%) oklch(39.6% 0.11 46.9)
Vanilla #E8DC9F rgb(232, 220, 159) hsl(50, 61%, 77%) oklch(89% 0.08 98.3)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#E8DC9F sur #261500 12.75:1 AAA Lc -83.5
#E8DC9F sur #29350B 9.43:1 AAA Lc -79.4
#E8DC9F sur #742F00 7.06:1 AAA Lc -73.2

Vision des couleurs

1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.

  • 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/261500-29350b-742f00-e8dc9f.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.

Dégradés de ces couleurs