Palette de couleurs Dove and Periwinkle

Dove and Periwinkle est une palette de 4 couleurs qui puise dans les bleus, oranges et neutres. En OKLCH, sa luminosité va de 30 % (#1B303D, foncé) à 94 % (#DCEEFA, très clair), et sa couleur la plus saturée, #CFA88C, est atténué. 2 de ses 3 couleurs chromatiques se situent du côté froid du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : froides, oranges, bleues, sourdes et adaptées au daltonisme.

FroidesOrangesBleuesSourdesAdaptées au daltonisme

Codes couleur

CouleurHEXRGBHSLOKLCH
Gunmetal #1B303D rgb(27, 48, 61) hsl(203, 39%, 17%) oklch(29.8% 0.036 236.9)
Cerulean #4E758F rgb(78, 117, 143) hsl(204, 29%, 43%) oklch(54.4% 0.06 238.5)
Earth Yellow #CFA88C rgb(207, 168, 140) hsl(25, 41%, 68%) oklch(76% 0.06 57.3)
Gainsboro #DCEEFA rgb(220, 238, 250) hsl(204, 75%, 92%) oklch(93.9% 0.025 236.8)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#DCEEFA sur #1B303D 11.49:1 AAA Lc -90.4
#1B303D sur #CFA88C 6.27:1 AA Lc 55.2
#DCEEFA sur #4E758F 4.14:1 AA grand texte Lc -66.6

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/1b303d-4e758f-cfa88c-dceefa.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