Color con nombre · #DBD7C4
Crêpe Papier
Crêpe Papier es #DBD7C4: rgb(219 215 196), hsl(50 24% 81%), oklch(0.877 0.026 97.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Crêpe Papier color name →
#DBD7C4
oklch(0.877 0.026 97.2)
Conversiones de color
- HEX
- #dbd7c4
- RGB
- rgb(219 215 196)
- HSL
- hsl(50 24% 81%)
- HWB
- hwb(50 77% 14%)
- OKLCH
- oklch(0.877 0.026 97.2)
- OKLab
- oklab(0.877 -0.003 0.026)
- CIE Lab
- lab(85.92 -0.99 9.93)
- LCH
- lch(85.92 9.98 95.7)
- CMYK
- cmyk(0% 2% 11% 14%)
Tintes · Sombras · Tonos
Tintes
- DFDBCA
- E2DFD0
- E6E3D6
- E9E7DB
- EDEBE1
- F0EFE7
- F4F3ED
- F8F7F3
- FBFBF9
Sombras
- BEBBAA
- A29F91
- 878578
- 6D6B61
- 54524A
- 3C3B35
- 262521
- 11110E
- 020202
Tonos
- D2CEBD
- C8C5B6
- BFBCAF
- B6B3A8
- ACAAA1
- A3A29B
- 9A9994
- 91918D
- 898887
Armonías de color
Complementario +180°
- DBD7C4
Crêpe Papier
- D2D5E8
≈ Chill in the Air
Análogo -30° +30°
- DBD7C4
Crêpe Papier
- E3D4C5
≈ Hanyauku
- D2DAC8
≈ Duchamp Light Green
Triádico +120° +240°
- DBD7C4
Crêpe Papier
- C5DBE2
≈ Breath of Fresh Air
- E3D0DD
≈ Summer Clover
Complementario dividido +150° +210°
- DBD7C4
Crêpe Papier
- CAD9E7
≈ Sea Breeze Green
- DBD2E4
≈ Purple Mist
Tetrádico +90° +180° +270°
- DBD7C4
Crêpe Papier
- C4DCD9
≈ Cold Air Turquoise
- D2D5E8
≈ Chill in the Air
- E7D0D3
≈ Delicate Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.52:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--crepe-papier: #dbd7c4;
--crepe-papier-rgb: 219 215 196;
--crepe-papier-oklch: oklch(0.877 0.026 97.2);
}
.element {
color: var(--crepe-papier);
background-color: hsl(50 24% 81%);
border-color: oklch(0.877 0.026 97.2);
}Tailwind CSS v4
@theme {
--color-crepe-papier: #dbd7c4;
--color-crepe-papier-50: #f7f5ed;
--color-crepe-papier-100: #eae8df;
--color-crepe-papier-200: #d7d5c8;
--color-crepe-papier-300: #bab8a9;
--color-crepe-papier-400: #a29f8e;
--color-crepe-papier-500: #8b8773;
--color-crepe-papier-600: #757262;
--color-crepe-papier-700: #5e5b4e;
--color-crepe-papier-800: #454238;
--color-crepe-papier-900: #302e27;
--color-crepe-papier-950: #1c1b15;
}SCSS
$crepe-papier: #dbd7c4;
$crepe-papier-rgb: 219, 215, 196;
$crepe-papier-light: mix(#fff, $crepe-papier, 20%);
$crepe-papier-dark: mix(#000, $crepe-papier, 20%);
.element {
color: $crepe-papier;
box-shadow: 0 0 0 2px rgba($crepe-papier, 0.35);
}