Colore con nome · #D8CEB9
Vintage Ephemera
Vintage Ephemera è #D8CEB9: rgb(216 206 185), hsl(41 28% 79%), oklch(0.854 0.03 85.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Vintage Ephemera color name →
#D8CEB9
oklch(0.854 0.03 85.6)
Conversioni di colore
- HEX
- #d8ceb9
- RGB
- rgb(216 206 185)
- HSL
- hsl(41 28% 79%)
- HWB
- hwb(41 73% 15%)
- OKLCH
- oklch(0.854 0.03 85.6)
- OKLab
- oklab(0.854 0.002 0.03)
- CIE Lab
- lab(83.16 0.99 11.79)
- LCH
- lch(83.16 11.84 85.2)
- CMYK
- cmyk(0% 5% 14% 15%)
Tinte · Ombre · Toni
Tinte
- DCD3C0
- E0D8C7
- E4DDCE
- E7E1D5
- EBE6DC
- EFEBE3
- F3F0EA
- F7F5F1
- FBFAF8
Ombre
- BCB3A0
- A09889
- 857F71
- 6B665B
- 534E46
- 3B3831
- 25231E
- 110F0D
- 020202
Toni
- CFC6B3
- C6BEAD
- BDB6A8
- B4AEA2
- ABA69C
- A29E96
- 9A9791
- 918F8B
- 888886
Armonie di colore
Complementare +180°
- D8CEB9
Vintage Ephemera
- C5CFE4
≈ Paper Elephant
Analogo -30° +30°
- D8CEB9
Vintage Ephemera
- DFCABC
≈ Pebbled Courtyard
- CED2BC
≈ Garlic Suede
Triadico +120° +240°
- D8CEB9
Vintage Ephemera
- B9D5D9
≈ Rhythmic Blue
- DAC9DA
≈ Euphoric Lilac
Complementare divisa +150° +210°
- D8CEB9
Vintage Ephemera
- BDD3E1
≈ Two Harbours
- D0CBE1
≈ Light Mulberry
Tetradico +90° +180° +270°
- D8CEB9
Vintage Ephemera
- BBD6CE
≈ High Point
- C5CFE4
≈ Paper Elephant
- E0C7D0
≈ Tinted Rosewood
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.44:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--vintage-ephemera: #d8ceb9;
--vintage-ephemera-rgb: 216 206 185;
--vintage-ephemera-oklch: oklch(0.854 0.03 85.6);
}
.element {
color: var(--vintage-ephemera);
background-color: hsl(41 28% 79%);
border-color: oklch(0.854 0.03 85.6);
}Tailwind CSS v4
@theme {
--color-vintage-ephemera: #d8ceb9;
--color-vintage-ephemera-50: #f9f5ec;
--color-vintage-ephemera-100: #ece7dd;
--color-vintage-ephemera-200: #dad4c6;
--color-vintage-ephemera-300: #beb7a6;
--color-vintage-ephemera-400: #a79d8a;
--color-vintage-ephemera-500: #8f8570;
--color-vintage-ephemera-600: #79715f;
--color-vintage-ephemera-700: #615a4b;
--color-vintage-ephemera-800: #474237;
--color-vintage-ephemera-900: #312d25;
--color-vintage-ephemera-950: #1d1a14;
}SCSS
$vintage-ephemera: #d8ceb9;
$vintage-ephemera-rgb: 216, 206, 185;
$vintage-ephemera-light: mix(#fff, $vintage-ephemera, 20%);
$vintage-ephemera-dark: mix(#000, $vintage-ephemera, 20%);
.element {
color: $vintage-ephemera;
box-shadow: 0 0 0 2px rgba($vintage-ephemera, 0.35);
}