Color con nombre · #DCD0CB
Pearls & Lace
Pearls & Lace es #DCD0CB: rgb(220 208 203), hsl(18 20% 83%), oklch(0.866 0.015 44.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Pearls & Lace color name →
#DCD0CB
oklch(0.866 0.015 44.2)
Conversiones de color
- HEX
- #dcd0cb
- RGB
- rgb(220 208 203)
- HSL
- hsl(18 20% 83%)
- HWB
- hwb(18 80% 14%)
- OKLCH
- oklch(0.866 0.015 44.2)
- OKLab
- oklab(0.866 0.011 0.01)
- CIE Lab
- lab(84.36 3.66 4.06)
- LCH
- lch(84.36 5.46 47.9)
- CMYK
- cmyk(0% 5% 8% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD5D0
- E3D9D5
- E6DEDA
- EAE3E0
- EDE7E5
- F1ECEA
- F4F1EF
- F8F5F4
- FBFAFA
Sombras
- BFB5B0
- A39A96
- 88807D
- 6E6765
- 544F4D
- 3C3937
- 262322
- 11100F
- 020202
Tonos
- D2C8C3
- C9BFBC
- BFB7B4
- B6AFAC
- ADA7A5
- A49F9D
- 9B9796
- 928F8E
- 898887
Armonías de color
Complementario +180°
- DCD0CB
Pearls & Lace
- C9D5DA
≈ Ice Rink Blue
Análogo -30° +30°
- DCD0CB
Pearls & Lace
- DDCFD0
≈ Light Hint of Lavender
- D9D2C8
≈ Light Eggshell Pink
Triádico +120° +240°
- DCD0CB
Pearls & Lace
- CAD6D0
≈ Blue Lullaby
- D1D2DD
≈ Glacier Pearl
Complementario dividido +150° +210°
- DCD0CB
Pearls & Lace
- C8D6D6
≈ Skydiving
- CCD4DD
≈ Ephemeral Blue
Tetrádico +90° +180° +270°
- DCD0CB
Pearls & Lace
- CFD5CB
≈ Celadon Glaze
- C9D5DA
≈ Ice Rink Blue
- D6D0DA
≈ Iron Maiden
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.92:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--pearls-lace: #dcd0cb;
--pearls-lace-rgb: 220 208 203;
--pearls-lace-oklch: oklch(0.866 0.015 44.2);
}
.element {
color: var(--pearls-lace);
background-color: hsl(18 20% 83%);
border-color: oklch(0.866 0.015 44.2);
}Tailwind CSS v4
@theme {
--color-pearls-lace: #dcd0cb;
--color-pearls-lace-50: #f9f4f1;
--color-pearls-lace-100: #ece6e4;
--color-pearls-lace-200: #dad2cf;
--color-pearls-lace-300: #beb5b1;
--color-pearls-lace-400: #a79c97;
--color-pearls-lace-500: #8f837e;
--color-pearls-lace-600: #796f6b;
--color-pearls-lace-700: #615955;
--color-pearls-lace-800: #47413e;
--color-pearls-lace-900: #312d2b;
--color-pearls-lace-950: #1d1a18;
}SCSS
$pearls-lace: #dcd0cb;
$pearls-lace-rgb: 220, 208, 203;
$pearls-lace-light: mix(#fff, $pearls-lace, 20%);
$pearls-lace-dark: mix(#000, $pearls-lace, 20%);
.element {
color: $pearls-lace;
box-shadow: 0 0 0 2px rgba($pearls-lace, 0.35);
}