Palette de couleurs Cranberry and Holly

Cranberry and Holly est une palette de 4 couleurs qui puise dans les verts, rouges et neutres. En OKLCH, sa luminosité va de 29 % (#0E3324, foncé) à 95 % (#F4EFE3, très clair), et sa couleur la plus saturée, #D63E3E, est vif. 2 de ses 3 couleurs chromatiques se situent du côté chaud du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : noël, hiver, rouges et chaudes.

NoëlHiverRougesChaudes

Codes couleur

CouleurHEXRGBHSLOKLCH
Pakistan Green #0E3324 rgb(14, 51, 36) hsl(156, 57%, 13%) oklch(29% 0.051 163.3)
Rufous #B3202D rgb(179, 32, 45) hsl(355, 70%, 41%) oklch(49.9% 0.181 23)
Imperial Red #D63E3E rgb(214, 62, 62) hsl(0, 65%, 54%) oklch(58.8% 0.189 25.1)
Anti-Flash White #F4EFE3 rgb(244, 239, 227) hsl(42, 44%, 92%) oklch(95.3% 0.017 88)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#F4EFE3 sur #0E3324 12.06:1 AAA Lc -93.0
#F4EFE3 sur #B3202D 5.79:1 AA Lc -76.0
#F4EFE3 sur #D63E3E 3.96:1 AA grand texte Lc -65.5

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.

  • 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/0e3324-b3202d-d63e3e-f4efe3.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