最接近的命名颜色 · #DCD2A0
#DCD2A0
最接近的命名颜色: Woven
#DCD2A0（rgb(220 210 160)、hsl(50 46% 75%)、oklch(0.86 0.067 98.1)）最接近命名颜色 Woven。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DCD2A0
oklch(0.86 0.067 98.1)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- DFD7AA
- E3DBB3
- E6E0BD
- EAE4C6
- EDE9D0
- F1EDD9
- F4F2E3
- F8F6EC
- FBFBF6
深色调
- BFB68B
- A39B76
- 888161
- 6E684E
- 54503B
- 3C3929
- 262419
- 111009
- 020201
灰色调
- D2CA9D
- C9C19A
- BFB997
- B6B094
- ADA891
- A4A08E
- 9B988A
- 929087
- 898883
配色和谐
互补色 +180°
- DCD2A0
Woven
- C6CDFD
≈ Lavender Blue
类似色 -30° +30°
三角配色 +120° +240°
- DCD2A0
Woven
- 9FDCEE
≈ Non-Photo Blue
- EFC1E0
≈ Rosy Nectar
分裂互补色 +150° +210°
- DCD2A0
Woven
- AFD5FB
≈ Malmö FF
- DDC6F3
≈ Neon Boneyard
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.76:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
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);
}