Couleur nommée · #EAE8DD
Prismatic Pearl
Prismatic Pearl correspond à #EAE8DD : rgb(234 232 221), hsl(51 24% 89%), oklch(0.93 0.015 98.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Prismatic Pearl color name →
#EAE8DD
oklch(0.93 0.015 98.3)
Conversions de couleur
- HEX
- #eae8dd
- RGB
- rgb(234 232 221)
- HSL
- hsl(51 24% 89%)
- HWB
- hwb(51 87% 8%)
- OKLCH
- oklch(0.93 0.015 98.3)
- OKLab
- oklab(0.93 -0.002 0.015)
- CIE Lab
- lab(91.93 -0.72 5.62)
- LCH
- lch(91.93 5.66 97.3)
- CMYK
- cmyk(0% 1% 6% 8%)
Teintes · Ombres · Tons
Teintes
- ECEAE0
- EEEDE4
- F0EFE7
- F2F1EB
- F4F3EE
- F7F6F1
- F9F8F5
- FBFAF8
- FDFDFC
Ombres
- CBCAC0
- AEACA4
- 919088
- 75746E
- 5A5955
- 41403D
- 292926
- 131311
- 030302
Tons
- DFDDD3
- D4D2CA
- C9C8C0
- BEBDB7
- B4B3AD
- A9A8A4
- 9F9E9B
- 949492
- 8A8A89
Harmonies de couleurs
Complémentaire +180°
- EAE8DD
Prismatic Pearl
- E5E7F2
≈ Whisper Blue
Analogue -30° +30°
- EAE8DD
Prismatic Pearl
- EFE6DD
≈ Severe Seal
- E5EADF
≈ Hydrangea Floret
Triadique +120° +240°
- EAE8DD
Prismatic Pearl
- DDEAEE
≈ Tibetan Sky
- EFE4EB
≈ Rosie Posie
Complémentaire divisée +150° +210°
- EAE8DD
Prismatic Pearl
- E0E9F1
≈ Harbour Afternoon
- EAE5F0
≈ Modest Violet
Tétradique +90° +180° +270°
- EAE8DD
Prismatic Pearl
- DDEBE9
≈ Honesty
- E5E7F2
≈ Whisper Blue
- F1E4E6
≈ Venus Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.08:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--prismatic-pearl: #eae8dd;
--prismatic-pearl-rgb: 234 232 221;
--prismatic-pearl-oklch: oklch(0.93 0.015 98.3);
}
.element {
color: var(--prismatic-pearl);
background-color: hsl(51 24% 89%);
border-color: oklch(0.93 0.015 98.3);
}Tailwind CSS v4
@theme {
--color-prismatic-pearl: #eae8dd;
--color-prismatic-pearl-50: #f6f5f0;
--color-prismatic-pearl-100: #e9e8e2;
--color-prismatic-pearl-200: #d5d4cd;
--color-prismatic-pearl-300: #b9b8af;
--color-prismatic-pearl-400: #a09f95;
--color-prismatic-pearl-500: #88867b;
--color-prismatic-pearl-600: #737269;
--color-prismatic-pearl-700: #5c5b54;
--color-prismatic-pearl-800: #44423d;
--color-prismatic-pearl-900: #2f2e2a;
--color-prismatic-pearl-950: #1b1b17;
}SCSS
$prismatic-pearl: #eae8dd;
$prismatic-pearl-rgb: 234, 232, 221;
$prismatic-pearl-light: mix(#fff, $prismatic-pearl, 20%);
$prismatic-pearl-dark: mix(#000, $prismatic-pearl, 20%);
.element {
color: $prismatic-pearl;
box-shadow: 0 0 0 2px rgba($prismatic-pearl, 0.35);
}