Colore con nome · #B99974
Woven Wicker
Woven Wicker è #B99974: rgb(185 153 116), hsl(32 33% 59%), oklch(0.703 0.063 70.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Woven Wicker color name →
#B99974
oklch(0.703 0.063 70.6)
Conversioni di colore
- HEX
- #b99974
- RGB
- rgb(185 153 116)
- HSL
- hsl(32 33% 59%)
- HWB
- hwb(32 45% 27%)
- OKLCH
- oklch(0.703 0.063 70.6)
- OKLab
- oklab(0.703 0.021 0.06)
- CIE Lab
- lab(65.51 8.45 24.19)
- LCH
- lch(65.51 25.62 70.7)
- CMYK
- cmyk(0% 17% 37% 27%)
Tinte · Ombre · Toni
Tinte
- C0A382
- C7AD8F
- CEB79D
- D5C1AB
- DCCBB8
- E3D5C6
- EAE0D4
- F1EAE2
- F8F5F1
Ombre
- A08464
- 897054
- 715D45
- 5B4A37
- 463829
- 31271B
- 1E170F
- 0D0805
- 020101
Toni
- B39776
- AE9477
- A89278
- A28F7A
- 9C8D7B
- 978A7C
- 91887D
- 8B857E
- 86837F
Armonie di colore
Complementare +180°
- B99974
Woven Wicker
- 82A3C6
≈ Windy City
Analogo -30° +30°
- B99974
Woven Wicker
- C39381
≈ Mesa Peach
- A8A173
≈ Throw Rug
Triadico +120° +240°
- B99974
Woven Wicker
- 6FACA8
≈ Poolrooms
- AC95BD
≈ Lavender Earl
Complementare divisa +150° +210°
- B99974
Woven Wicker
- 72A9BB
≈ Milky Blue
- 979BC7
≈ Grape Ivy
Tetradico +90° +180° +270°
- B99974
Woven Wicker
- 7CAC92
≈ Nature Green
- 82A3C6
≈ Windy City
- BB90AB
≈ Fabulous Fantasy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--woven-wicker: #b99974;
--woven-wicker-rgb: 185 153 116;
--woven-wicker-oklch: oklch(0.703 0.063 70.6);
}
.element {
color: var(--woven-wicker);
background-color: hsl(32 33% 59%);
border-color: oklch(0.703 0.063 70.6);
}Tailwind CSS v4
@theme {
--color-woven-wicker: #b99974;
--color-woven-wicker-50: #fff3e2;
--color-woven-wicker-100: #f5e5d1;
--color-woven-wicker-200: #e5d1b7;
--color-woven-wicker-300: #ccb394;
--color-woven-wicker-400: #b79875;
--color-woven-wicker-500: #a17f57;
--color-woven-wicker-600: #886c4a;
--color-woven-wicker-700: #6d563b;
--color-woven-wicker-800: #513e2a;
--color-woven-wicker-900: #382b1c;
--color-woven-wicker-950: #23180c;
}SCSS
$woven-wicker: #b99974;
$woven-wicker-rgb: 185, 153, 116;
$woven-wicker-light: mix(#fff, $woven-wicker, 20%);
$woven-wicker-dark: mix(#000, $woven-wicker, 20%);
.element {
color: $woven-wicker;
box-shadow: 0 0 0 2px rgba($woven-wicker, 0.35);
}