Nazwany kolor · #D8D7B9
Elise
Elise to #D8D7B9: rgb(216 215 185), hsl(58 28% 79%), oklch(0.872 0.04 105.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Elise color name →
#D8D7B9
oklch(0.872 0.04 105.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCDBC0
- E0DFC7
- E4E3CE
- E7E7D5
- EBEBDC
- EFEFE3
- F3F3EA
- F7F7F1
- FBFBF8
Odcienie ciemniejsze
- BCBBA0
- A09F89
- 858571
- 6B6B5B
- 535246
- 3B3B31
- 25251E
- 11110D
- 020202
Tony
- CFCEB3
- C6C5AD
- BDBCA8
- B4B3A2
- ABAB9C
- A2A297
- 999991
- 91918B
- 888886
Harmonie kolorów
Komplementarna +180°
- D8D7B9
Elise
- D2D2EF
≈ Artistic Violet
Analogowa -30° +30°
Triada +120° +240°
- D8D7B9
Elise
- BADBE9
≈ Alpine Alabaster
- EACBDB
≈ Vanity Pink
Komplementarna rozszczepiona +150° +210°
- D8D7B9
Elise
- C4D7F0
≈ Murano Soft Blue
- DFCDE7
≈ Pouf of Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.34:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}