Nazwany kolor · #E0D1A0
Woven
Woven to #E0D1A0: rgb(224 209 160), hsl(46 51% 75%), oklch(0.861 0.066 93.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Woven color name →
#E0D1A0
oklch(0.861 0.066 93.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D6AA
- E6DAB3
- E9DFBD
- ECE3C6
- EFE8D0
- F3EDD9
- F6F1E3
- F9F6EC
- FCFAF6
Odcienie ciemniejsze
- C3B58B
- A69B76
- 8A8161
- 70684E
- 56503B
- 3E3929
- 272319
- 121009
- 020201
Tony
- D6C99D
- CCC09A
- C2B897
- B8B094
- AFA891
- A5A08E
- 9C988A
- 929087
- 898883
Harmonie kolorów
Komplementarna +180°
- E0D1A0
Woven
- C3CFFE
≈ Lavender Blue
Analogowa -30° +30°
- E0D1A0
Woven
- F1C9A5
≈ Peaches’n’Cream
- C9D9A9
≈ Chameleon
Triada +120° +240°
- E0D1A0
Woven
- 9FDDEB
≈ Luminescent Blue
- EDC2E4
≈ Rosy Nectar
Komplementarna rozszczepiona +150° +210°
- E0D1A0
Woven
- ACD7FA
≈ Malmö FF
- DAC7F6
≈ Neon Boneyard
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.79:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}