Palette de couleurs Freesia Linen

Freesia Linen est une palette de 4 couleurs qui puise dans les verts, roses et neutres. En OKLCH, sa luminosité va de 70 % (#6FAF7F, moyennement clair) à 98 % (#FFF8E7, très clair), et sa couleur la plus saturée, #6FAF7F, est moyennement saturé. 1 de ses 3 couleurs chromatiques se situe du côté chaud du cercle chromatique. 0 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : printemps, pastel, vertes, claires et apaisantes.

PrintempsPastelVertesClairesApaisantes

Codes couleur

CouleurHEXRGBHSLOKLCH
Muted Teal #6FAF7F rgb(111, 175, 127) hsl(135, 29%, 56%) oklch(69.8% 0.097 151.2)
Tiffany Blue #8FC9A6 rgb(143, 201, 166) hsl(144, 35%, 67%) oklch(78.6% 0.078 157.6)
Mimi Pink #F7C5CC rgb(247, 197, 204) hsl(352, 76%, 87%) oklch(86.9% 0.058 8.9)
Cornsilk #FFF8E7 rgb(255, 248, 231) hsl(42, 100%, 95%) oklch(98% 0.024 88.2)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#FFF8E7 sur #6FAF7F 2.44:1 Échec Lc -51.2
#FFF8E7 sur #8FC9A6 1.79:1 Échec Lc -35.9
#F7C5CC sur #6FAF7F 1.70:1 Échec Lc -26.7

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/6faf7f-8fc9a6-f7c5cc-fff8e7.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