Color con nombre · #D8D7B9
Elise
Elise es #D8D7B9: rgb(216 215 185), hsl(58 28% 79%), oklch(0.872 0.04 105.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Elise color name →
#D8D7B9
oklch(0.872 0.04 105.6)
Conversiones de color
- HEX
- #d8d7b9
- RGB
- rgb(216 215 185)
- HSL
- hsl(58 28% 79%)
- HWB
- hwb(58 73% 15%)
- OKLCH
- oklch(0.872 0.04 105.6)
- OKLab
- oklab(0.872 -0.011 0.039)
- CIE Lab
- lab(85.47 -3.38 15.01)
- LCH
- lch(85.47 15.39 102.7)
- CMYK
- cmyk(0% 0% 14% 15%)
Tintes · Sombras · Tonos
Tintes
- DCDBC0
- E0DFC7
- E4E3CE
- E7E7D5
- EBEBDC
- EFEFE3
- F3F3EA
- F7F7F1
- FBFBF8
Sombras
- BCBBA0
- A09F89
- 858571
- 6B6B5B
- 535246
- 3B3B31
- 25251E
- 11110D
- 020202
Tonos
- CFCEB3
- C6C5AD
- BDBCA8
- B4B3A2
- ABAB9C
- A2A297
- 999991
- 91918B
- 888886
Armonías de color
Complementario +180°
- D8D7B9
Elise
- D2D2EF
≈ Artistic Violet
Análogo -30° +30°
Triádico +120° +240°
- D8D7B9
Elise
- BADBE9
≈ Alpine Alabaster
- EACBDB
≈ Vanity Pink
Complementario dividido +150° +210°
- D8D7B9
Elise
- C4D7F0
≈ Murano Soft Blue
- DFCDE7
≈ Pouf of Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.34:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--elise: #d8d7b9;
--elise-rgb: 216 215 185;
--elise-oklch: oklch(0.872 0.04 105.6);
}
.element {
color: var(--elise);
background-color: hsl(58 28% 79%);
border-color: oklch(0.872 0.04 105.6);
}Tailwind CSS v4
@theme {
--color-elise: #d8d7b9;
--color-elise-50: #f6f6e9;
--color-elise-100: #e9e9da;
--color-elise-200: #d6d6c2;
--color-elise-300: #b9b9a2;
--color-elise-400: #a1a085;
--color-elise-500: #898869;
--color-elise-600: #747359;
--color-elise-700: #5d5c47;
--color-elise-800: #454333;
--color-elise-900: #2f2e23;
--color-elise-950: #1c1b12;
}SCSS
$elise: #d8d7b9;
$elise-rgb: 216, 215, 185;
$elise-light: mix(#fff, $elise, 20%);
$elise-dark: mix(#000, $elise, 20%);
.element {
color: $elise;
box-shadow: 0 0 0 2px rgba($elise, 0.35);
}