Cor nomeada · #E2D7DA
Fairy-Nuff
Fairy-Nuff é #E2D7DA: rgb(226 215 218), hsl(344 16% 86%), oklch(0.889 0.013 358.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fairy-Nuff color name →
#E2D7DA
oklch(0.889 0.013 358.8)
Conversões de cor
- HEX
- #e2d7da
- RGB
- rgb(226 215 218)
- HSL
- hsl(344 16% 86%)
- HWB
- hwb(344 84% 11%)
- OKLCH
- oklch(0.889 0.013 358.8)
- OKLab
- oklab(0.889 0.013 0)
- CIE Lab
- lab(86.94 4.3 -0.06)
- LCH
- lch(86.94 4.3 359.2)
- CMYK
- cmyk(0% 5% 4% 11%)
Tons claros · Sombras · Tons
Tons claros
- E5DBDE
- E8DFE1
- EBE3E5
- EEE7E9
- F0EBEC
- F3EFF0
- F6F3F4
- F9F7F8
- FCFBFB
Sombras
- C4BBBD
- A89FA2
- 8C8587
- 716B6C
- 575254
- 3E3B3C
- 272525
- 121111
- 030202
Tons
- D8CED1
- CEC5C7
- C4BCBE
- BAB3B5
- B0AAAC
- A6A2A3
- 9C999A
- 939191
- 898889
Harmonias de cor
Complementar +180°
- E2D7DA
Fairy-Nuff
- D2DDDA
≈ Thin Cloud
Análoga -30° +30°
- E2D7DA
Fairy-Nuff
- DFD7DE
≈ Little Lilac
- E3D7D6
≈ Most Delicate
Tríade +120° +240°
- E2D7DA
Fairy-Nuff
- D9DCD2
≈ Wayward Willow
- D3DCE2
≈ Skyscraper
Complementar dividida +150° +210°
- E2D7DA
Fairy-Nuff
- D5DDD6
≈ Periwinkle Tint
- D1DDDF
≈ Blue Nuance
Tétrade +90° +180° +270°
- E2D7DA
Fairy-Nuff
- DEDAD1
≈ Egret White
- D2DDDA
≈ Thin Cloud
- D7DAE3
≈ Rivulet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.96:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--fairy-nuff: #e2d7da;
--fairy-nuff-rgb: 226 215 218;
--fairy-nuff-oklch: oklch(0.889 0.013 358.8);
}
.element {
color: var(--fairy-nuff);
background-color: hsl(344 16% 86%);
border-color: oklch(0.889 0.013 358.8);
}Tailwind CSS v4
@theme {
--color-fairy-nuff: #e2d7da;
--color-fairy-nuff-50: #f8f4f5;
--color-fairy-nuff-100: #ece6e7;
--color-fairy-nuff-200: #d9d2d4;
--color-fairy-nuff-300: #bdb5b7;
--color-fairy-nuff-400: #a59b9e;
--color-fairy-nuff-500: #8e8386;
--color-fairy-nuff-600: #786f71;
--color-fairy-nuff-700: #60595b;
--color-fairy-nuff-800: #464142;
--color-fairy-nuff-900: #312d2e;
--color-fairy-nuff-950: #1d1a1b;
}SCSS
$fairy-nuff: #e2d7da;
$fairy-nuff-rgb: 226, 215, 218;
$fairy-nuff-light: mix(#fff, $fairy-nuff, 20%);
$fairy-nuff-dark: mix(#000, $fairy-nuff, 20%);
.element {
color: $fairy-nuff;
box-shadow: 0 0 0 2px rgba($fairy-nuff, 0.35);
}