Colore con nome · #C9AB96
Woven Jute
Woven Jute è #C9AB96: rgb(201 171 150), hsl(25 32% 69%), oklch(0.762 0.046 56.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Woven Jute color name →
#C9AB96
oklch(0.762 0.046 56.9)
Conversioni di colore
- HEX
- #c9ab96
- RGB
- rgb(201 171 150)
- HSL
- hsl(25 32% 69%)
- HWB
- hwb(25 59% 21%)
- OKLCH
- oklch(0.762 0.046 56.9)
- OKLab
- oklab(0.762 0.025 0.038)
- CIE Lab
- lab(72.25 8.9 15.12)
- LCH
- lch(72.25 17.55 59.5)
- CMYK
- cmyk(0% 15% 25% 21%)
Tinte · Ombre · Toni
Tinte
- CEB3A0
- D4BBAA
- D9C4B5
- DFCCBF
- E4D4CA
- EADDD4
- EFE5DF
- F4EEE9
- FAF6F4
Ombre
- AE9482
- 957E6E
- 7C685B
- 645449
- 4C4037
- 362D26
- 221B16
- 0F0B08
- 020101
Toni
- C2A794
- BAA292
- B39E90
- AB9A8D
- A4958B
- 9D9189
- 968D87
- 8E8985
- 878482
Armonie di colore
Complementare +180°
- C9AB96
Woven Jute
- 97B7CC
≈ Sea Mark
Analogo -30° +30°
- C9AB96
Woven Jute
- CDA7A2
≈ Eunry
- BEB091
≈ Terminatus Stone
Triadico +120° +240°
- C9AB96
Woven Jute
- 94BCB1
≈ Spring Stream
- B4ACCC
≈ Lavender Dream
Complementare divisa +150° +210°
- C9AB96
Woven Jute
- 90BAC0
≈ Mallard Lake
- A5B2D0
≈ Awesome Violet
Tetradico +90° +180° +270°
- C9AB96
Woven Jute
- 9FBAA1
≈ Reeds
- 97B7CC
≈ Sea Mark
- C2A8C1
≈ Linnea Blossom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.74:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--woven-jute: #c9ab96;
--woven-jute-rgb: 201 171 150;
--woven-jute-oklch: oklch(0.762 0.046 56.9);
}
.element {
color: var(--woven-jute);
background-color: hsl(25 32% 69%);
border-color: oklch(0.762 0.046 56.9);
}Tailwind CSS v4
@theme {
--color-woven-jute: #c9ab96;
--color-woven-jute-50: #fff2e9;
--color-woven-jute-100: #f4e5d9;
--color-woven-jute-200: #e4d0c1;
--color-woven-jute-300: #cab2a1;
--color-woven-jute-400: #b49885;
--color-woven-jute-500: #9e7f69;
--color-woven-jute-600: #866b59;
--color-woven-jute-700: #6b5647;
--color-woven-jute-800: #4f3e33;
--color-woven-jute-900: #372b23;
--color-woven-jute-950: #221812;
}SCSS
$woven-jute: #c9ab96;
$woven-jute-rgb: 201, 171, 150;
$woven-jute-light: mix(#fff, $woven-jute, 20%);
$woven-jute-dark: mix(#000, $woven-jute, 20%);
.element {
color: $woven-jute;
box-shadow: 0 0 0 2px rgba($woven-jute, 0.35);
}