命名颜色 · #E6CDB5
Ginseng Root
Ginseng Root 即 #E6CDB5：rgb(230 205 181)、hsl(29 49% 81%)、oklch(0.863 0.043 66.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Ginseng Root color name →
#E6CDB5
oklch(0.863 0.043 66.1)
颜色转换
- HEX
- #e6cdb5
- RGB
- rgb(230 205 181)
- HSL
- hsl(29 49% 81%)
- HWB
- hwb(29 71% 10%)
- OKLCH
- oklch(0.863 0.043 66.1)
- OKLab
- oklab(0.863 0.017 0.039)
- CIE Lab
- lab(84.06 6.29 15.36)
- LCH
- lch(84.06 16.6 67.7)
- CMYK
- cmyk(0% 11% 21% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- E9D2BC
- EBD7C4
- EEDCCB
- F0E1D2
- F3E6DA
- F5EBE1
- F8F0E9
- FAF5F0
- FDFAF8
深色调
- C8B29D
- AB9886
- 8E7E6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
灰色调
- DBC5B0
- D1BDAA
- C6B5A5
- BCAEA0
- B2A69A
- A89E95
- 9E9690
- 948F8A
- 8A8785
配色和谐
互补色 +180°
- E6CDB5
Ginseng Root
- BCD5ED
≈ Summer Birthday
类似色 -30° +30°
- E6CDB5
Ginseng Root
- ECC9BF
≈ Harmony
- DAD2B3
≈ Chinese Silk
三角配色 +120° +240°
- E6CDB5
Ginseng Root
- B3DCD6
≈ Catch the Wave
- D9CBE9
≈ Plum’s the Word
分裂互补色 +150° +210°
- E6CDB5
Ginseng Root
- B3DAE4
≈ Blue Shimmer
- CAD0EF
≈ Frozen Periwinkle
四角配色 +90° +180° +270°
- E6CDB5
Ginseng Root
- BCDBC6
≈ Green Grapes
- BCD5ED
≈ Summer Birthday
- E5C8DD
≈ Kiss Good Night
对比度与无障碍
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 {
--ginseng-root: #e6cdb5;
--ginseng-root-rgb: 230 205 181;
--ginseng-root-oklch: oklch(0.863 0.043 66.1);
}
.element {
color: var(--ginseng-root);
background-color: hsl(29 49% 81%);
border-color: oklch(0.863 0.043 66.1);
}Tailwind CSS v4
@theme {
--color-ginseng-root: #e6cdb5;
--color-ginseng-root-50: #fef3e8;
--color-ginseng-root-100: #f2e6d9;
--color-ginseng-root-200: #e1d1c1;
--color-ginseng-root-300: #c7b4a1;
--color-ginseng-root-400: #b09a84;
--color-ginseng-root-500: #9a8168;
--color-ginseng-root-600: #826d59;
--color-ginseng-root-700: #685747;
--color-ginseng-root-800: #4d3f33;
--color-ginseng-root-900: #362c23;
--color-ginseng-root-950: #211912;
}SCSS
$ginseng-root: #e6cdb5;
$ginseng-root-rgb: 230, 205, 181;
$ginseng-root-light: mix(#fff, $ginseng-root, 20%);
$ginseng-root-dark: mix(#000, $ginseng-root, 20%);
.element {
color: $ginseng-root;
box-shadow: 0 0 0 2px rgba($ginseng-root, 0.35);
}