Colore con nome · #E0D1A0
Woven
Woven è #E0D1A0: rgb(224 209 160), hsl(46 51% 75%), oklch(0.861 0.066 93.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Woven color name →
#E0D1A0
oklch(0.861 0.066 93.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E3D6AA
- E6DAB3
- E9DFBD
- ECE3C6
- EFE8D0
- F3EDD9
- F6F1E3
- F9F6EC
- FCFAF6
Ombre
- C3B58B
- A69B76
- 8A8161
- 70684E
- 56503B
- 3E3929
- 272319
- 121009
- 020201
Toni
- D6C99D
- CCC09A
- C2B897
- B8B094
- AFA891
- A5A08E
- 9C988A
- 929087
- 898883
Armonie di colore
Complementare +180°
- E0D1A0
Woven
- C3CFFE
≈ Lavender Blue
Analogo -30° +30°
- E0D1A0
Woven
- F1C9A5
≈ Peaches’n’Cream
- C9D9A9
≈ Chameleon
Triadico +120° +240°
- E0D1A0
Woven
- 9FDDEB
≈ Luminescent Blue
- EDC2E4
≈ Rosy Nectar
Complementare divisa +150° +210°
- E0D1A0
Woven
- ACD7FA
≈ Malmö FF
- DAC7F6
≈ Neon Boneyard
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.79:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}