Color con nombre más cercano · #DCD2A0
#DCD2A0
Color con nombre más cercano: Woven
#DCD2A0 (rgb(220 210 160), hsl(50 46% 75%), oklch(0.86 0.067 98.1)) se parece más al color con nombre Woven. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DCD2A0
oklch(0.86 0.067 98.1)
Conversiones de color
- HEX
- #dcd2a0
- RGB
- rgb(220 210 160)
- HSL
- hsl(50 46% 75%)
- HWB
- hwb(50 63% 14%)
- OKLCH
- oklch(0.86 0.067 98.1)
- OKLab
- oklab(0.86 -0.009 0.066)
- CIE Lab
- lab(84.1 -2.1 26.19)
- LCH
- lch(84.1 26.28 94.6)
- CMYK
- cmyk(0% 5% 27% 14%)
Tintes · Sombras · Tonos
Tintes
- DFD7AA
- E3DBB3
- E6E0BD
- EAE4C6
- EDE9D0
- F1EDD9
- F4F2E3
- F8F6EC
- FBFBF6
Sombras
- BFB68B
- A39B76
- 888161
- 6E684E
- 54503B
- 3C3929
- 262419
- 111009
- 020201
Tonos
- D2CA9D
- C9C19A
- BFB997
- B6B094
- ADA891
- A4A08E
- 9B988A
- 929087
- 898883
Armonías de color
Complementario +180°
- DCD2A0
Woven
- C6CDFD
≈ Lavender Blue
Análogo -30° +30°
Triádico +120° +240°
- DCD2A0
Woven
- 9FDCEE
≈ Non-Photo Blue
- EFC1E0
≈ Rosy Nectar
Complementario dividido +150° +210°
- DCD2A0
Woven
- AFD5FB
≈ Malmö FF
- DDC6F3
≈ Neon Boneyard
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.76:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--woven: #dcd2a0;
--woven-rgb: 220 210 160;
--woven-oklch: oklch(0.86 0.067 98.1);
}
.element {
color: var(--woven);
background-color: hsl(50 46% 75%);
border-color: oklch(0.86 0.067 98.1);
}Tailwind CSS v4
@theme {
--color-woven: #dcd2a0;
--color-woven-50: #f9f6e1;
--color-woven-100: #ede9d0;
--color-woven-200: #dad5b5;
--color-woven-300: #bfb992;
--color-woven-400: #a99f72;
--color-woven-500: #928752;
--color-woven-600: #7b7246;
--color-woven-700: #635b38;
--color-woven-800: #494227;
--color-woven-900: #332e1a;
--color-woven-950: #1e1b0b;
}SCSS
$woven: #dcd2a0;
$woven-rgb: 220, 210, 160;
$woven-light: mix(#fff, $woven, 20%);
$woven-dark: mix(#000, $woven, 20%);
.element {
color: $woven;
box-shadow: 0 0 0 2px rgba($woven, 0.35);
}