لون مسمّى · #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);
}