Couleur nommée la plus proche · #DCD2A0
#DCD2A0
Couleur nommée la plus proche: Woven
#DCD2A0 (rgb(220 210 160), hsl(50 46% 75%), oklch(0.86 0.067 98.1)) est la plus proche de la couleur nommée Woven. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DCD2A0
oklch(0.86 0.067 98.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- DFD7AA
- E3DBB3
- E6E0BD
- EAE4C6
- EDE9D0
- F1EDD9
- F4F2E3
- F8F6EC
- FBFBF6
Ombres
- BFB68B
- A39B76
- 888161
- 6E684E
- 54503B
- 3C3929
- 262419
- 111009
- 020201
Tons
- D2CA9D
- C9C19A
- BFB997
- B6B094
- ADA891
- A4A08E
- 9B988A
- 929087
- 898883
Harmonies de couleurs
Complémentaire +180°
- DCD2A0
Woven
- C6CDFD
≈ Lavender Blue
Analogue -30° +30°
Triadique +120° +240°
- DCD2A0
Woven
- 9FDCEE
≈ Non-Photo Blue
- EFC1E0
≈ Rosy Nectar
Complémentaire divisée +150° +210°
- DCD2A0
Woven
- AFD5FB
≈ Malmö FF
- DDC6F3
≈ Neon Boneyard
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.76:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
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);
}