Color con nombre · #DCD4C3
Bare Market
Bare Market es #DCD4C3: rgb(220 212 195), hsl(41 26% 81%), oklch(0.872 0.025 85.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Bare Market color name →
#DCD4C3
oklch(0.872 0.025 85.8)
Conversiones de color
- HEX
- #dcd4c3
- RGB
- rgb(220 212 195)
- HSL
- hsl(41 26% 81%)
- HWB
- hwb(41 76% 14%)
- OKLCH
- oklch(0.872 0.025 85.8)
- OKLab
- oklab(0.872 0.002 0.025)
- CIE Lab
- lab(85.22 0.72 9.48)
- LCH
- lch(85.22 9.5 85.7)
- CMYK
- cmyk(0% 4% 11% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD8C9
- E3DDCF
- E6E1D5
- EAE5DB
- EDE9E1
- F1EEE7
- F4F2ED
- F8F6F3
- FBFBF9
Sombras
- BFB8A9
- A39D90
- 888378
- 6E6960
- 54514A
- 3C3A34
- 262420
- 11100E
- 020202
Tonos
- D2CBBC
- C9C3B5
- BFBAAE
- B6B2A8
- ADA9A1
- A4A19A
- 9B9894
- 92908D
- 898886
Armonías de color
Complementario +180°
- DCD4C3
Bare Market
- CDD5E6
≈ Mother of Pearl Silver
Análogo -30° +30°
- DCD4C3
Bare Market
- E2D1C6
≈ Wheat Seed
- D4D7C5
≈ Wine Bottle
Triádico +120° +240°
- DCD4C3
Bare Market
- C3DADD
≈ Light Dewpoint
- DED0DE
≈ Ametrine Quartz
Complementario dividido +150° +210°
- DCD4C3
Bare Market
- C6D8E3
≈ Water Mist
- D6D2E4
≈ Delicate Lilac Crystal
Tetrádico +90° +180° +270°
- DCD4C3
Bare Market
- C5DAD4
≈ Cool Mint
- CDD5E6
≈ Mother of Pearl Silver
- E3CED5
≈ Prim
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.24:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.24:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--bare-market: #dcd4c3;
--bare-market-rgb: 220 212 195;
--bare-market-oklch: oklch(0.872 0.025 85.8);
}
.element {
color: var(--bare-market);
background-color: hsl(41 26% 81%);
border-color: oklch(0.872 0.025 85.8);
}Tailwind CSS v4
@theme {
--color-bare-market: #dcd4c3;
--color-bare-market-50: #f8f5ed;
--color-bare-market-100: #ebe8df;
--color-bare-market-200: #d9d4c9;
--color-bare-market-300: #bdb7aa;
--color-bare-market-400: #a59e8e;
--color-bare-market-500: #8d8574;
--color-bare-market-600: #787162;
--color-bare-market-700: #605a4e;
--color-bare-market-800: #464239;
--color-bare-market-900: #312d27;
--color-bare-market-950: #1d1a15;
}SCSS
$bare-market: #dcd4c3;
$bare-market-rgb: 220, 212, 195;
$bare-market-light: mix(#fff, $bare-market, 20%);
$bare-market-dark: mix(#000, $bare-market, 20%);
.element {
color: $bare-market;
box-shadow: 0 0 0 2px rgba($bare-market, 0.35);
}