命名颜色 · #E0D1A0
Woven
Woven 即 #E0D1A0：rgb(224 209 160)、hsl(46 51% 75%)、oklch(0.861 0.066 93.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Woven color name →
#E0D1A0
oklch(0.861 0.066 93.1)
颜色转换
- HEX
- #e0d1a0
- RGB
- rgb(224 209 160)
- HSL
- hsl(46 51% 75%)
- HWB
- hwb(46 63% 12%)
- OKLCH
- oklch(0.861 0.066 93.1)
- OKLab
- oklab(0.861 -0.004 0.066)
- CIE Lab
- lab(84.19 -0.08 26.38)
- LCH
- lch(84.19 26.38 90.2)
- CMYK
- cmyk(0% 7% 29% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- E3D6AA
- E6DAB3
- E9DFBD
- ECE3C6
- EFE8D0
- F3EDD9
- F6F1E3
- F9F6EC
- FCFAF6
深色调
- C3B58B
- A69B76
- 8A8161
- 70684E
- 56503B
- 3E3929
- 272319
- 121009
- 020201
灰色调
- D6C99D
- CCC09A
- C2B897
- B8B094
- AFA891
- A5A08E
- 9C988A
- 929087
- 898883
配色和谐
互补色 +180°
- E0D1A0
Woven
- C3CFFE
≈ Lavender Blue
类似色 -30° +30°
- E0D1A0
Woven
- F1C9A5
≈ Peaches’n’Cream
- C9D9A9
≈ Chameleon
三角配色 +120° +240°
- E0D1A0
Woven
- 9FDDEB
≈ Luminescent Blue
- EDC2E4
≈ Rosy Nectar
分裂互补色 +150° +210°
- E0D1A0
Woven
- ACD7FA
≈ Malmö FF
- DAC7F6
≈ Neon Boneyard
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.79:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--woven: #e0d1a0;
--woven-rgb: 224 209 160;
--woven-oklch: oklch(0.861 0.066 93.1);
}
.element {
color: var(--woven);
background-color: hsl(46 51% 75%);
border-color: oklch(0.861 0.066 93.1);
}Tailwind CSS v4
@theme {
--color-woven: #e0d1a0;
--color-woven-50: #fbf5e0;
--color-woven-100: #eee8d0;
--color-woven-200: #ddd5b5;
--color-woven-300: #c2b891;
--color-woven-400: #ac9e71;
--color-woven-500: #958552;
--color-woven-600: #7e7146;
--color-woven-700: #655a37;
--color-woven-800: #4b4227;
--color-woven-900: #342d1a;
--color-woven-950: #1f1a0b;
}SCSS
$woven: #e0d1a0;
$woven-rgb: 224, 209, 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);
}