Color con nombre · #DCCDB4
Estate Limestone
Estate Limestone es #DCCDB4: rgb(220 205 180), hsl(37 36% 78%), oklch(0.854 0.038 80.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Estate Limestone color name →
#DCCDB4
oklch(0.854 0.038 80.6)
Conversiones de color
- HEX
- #dccdb4
- RGB
- rgb(220 205 180)
- HSL
- hsl(37 36% 78%)
- HWB
- hwb(37 71% 14%)
- OKLCH
- oklch(0.854 0.038 80.6)
- OKLab
- oklab(0.854 0.006 0.037)
- CIE Lab
- lab(83.16 2.41 14.48)
- LCH
- lch(83.16 14.68 80.5)
- CMYK
- cmyk(0% 7% 18% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD2BB
- E3D7C3
- E6DCCA
- EAE1D2
- EDE6D9
- F1EBE1
- F4F0E8
- F8F5F0
- FBFAF7
Sombras
- BFB29C
- A39885
- 887E6E
- 6E6658
- 544E44
- 3C3830
- 26231D
- 110F0C
- 020202
Tonos
- D2C5AF
- C9BDA9
- C0B5A4
- B6AD9F
- ADA69A
- A49E95
- 9B968F
- 928F8A
- 898785
Armonías de color
Complementario +180°
- DCCDB4
Estate Limestone
- C1D0E8
≈ Misty Mountains
Análogo -30° +30°
- DCCDB4
Estate Limestone
- E4C9B9
≈ Ellen
- D0D2B6
≈ Pickling Spice
Triádico +120° +240°
- DCCDB4
Estate Limestone
- B3D7D9
≈ Timeless
- DBC8DE
≈ Hampstead Heath
Complementario dividido +150° +210°
- DCCDB4
Estate Limestone
- B7D4E3
≈ Tiny Mr Frosty
- CECBE7
≈ Foggy Plateau
Tetrádico +90° +180° +270°
- DCCDB4
Estate Limestone
- B8D7CB
≈ Gemini
- C1D0E8
≈ Misty Mountains
- E3C6D2
≈ Etcetera
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.43:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--estate-limestone: #dccdb4;
--estate-limestone-rgb: 220 205 180;
--estate-limestone-oklch: oklch(0.854 0.038 80.6);
}
.element {
color: var(--estate-limestone);
background-color: hsl(37 36% 78%);
border-color: oklch(0.854 0.038 80.6);
}Tailwind CSS v4
@theme {
--color-estate-limestone: #dccdb4;
--color-estate-limestone-50: #faf4e9;
--color-estate-limestone-100: #eee7da;
--color-estate-limestone-200: #dcd3c3;
--color-estate-limestone-300: #c1b6a2;
--color-estate-limestone-400: #aa9d86;
--color-estate-limestone-500: #93846a;
--color-estate-limestone-600: #7d705a;
--color-estate-limestone-700: #645948;
--color-estate-limestone-800: #4a4134;
--color-estate-limestone-900: #332d23;
--color-estate-limestone-950: #1f1a12;
}SCSS
$estate-limestone: #dccdb4;
$estate-limestone-rgb: 220, 205, 180;
$estate-limestone-light: mix(#fff, $estate-limestone, 20%);
$estate-limestone-dark: mix(#000, $estate-limestone, 20%);
.element {
color: $estate-limestone;
box-shadow: 0 0 0 2px rgba($estate-limestone, 0.35);
}