Colore con nome · #C1AC8B
Woven Straw
Woven Straw è #C1AC8B: rgb(193 172 139), hsl(37 30% 65%), oklch(0.754 0.051 79). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Woven Straw color name →
#C1AC8B
oklch(0.754 0.051 79)
Conversioni di colore
- HEX
- #c1ac8b
- RGB
- rgb(193 172 139)
- HSL
- hsl(37 30% 65%)
- HWB
- hwb(37 55% 24%)
- OKLCH
- oklch(0.754 0.051 79)
- OKLab
- oklab(0.754 0.01 0.05)
- CIE Lab
- lab(71.56 4.11 19.97)
- LCH
- lch(71.56 20.38 78.4)
- CMYK
- cmyk(0% 11% 28% 24%)
Tinte · Ombre · Toni
Tinte
- C7B496
- CDBCA2
- D3C4AD
- DACDB9
- E0D5C4
- E6DDD0
- ECE6DB
- F2EEE7
- F9F7F3
Ombre
- A79578
- 8F7F66
- 776954
- 5F5443
- 494032
- 342D23
- 201B14
- 0E0B07
- 020101
Toni
- BAA88A
- B4A389
- AD9F88
- A79A87
- A09686
- 9A9185
- 938D84
- 8D8983
- 868481
Armonie di colore
Complementare +180°
- C1AC8B
Woven Straw
- 9CB1D0
≈ Heartsong
Analogo -30° +30°
- C1AC8B
Woven Straw
- CBA693
≈ Primal
- B1B28D
≈ Lint
Triadico +120° +240°
- C1AC8B
Woven Straw
- 89BABB
≈ Watchet
- BEA5C4
≈ Extraordinaire
Complementare divisa +150° +210°
- C1AC8B
Woven Straw
- 8EB6C9
≈ Pond Blue
- AEAACE
≈ Violet Mix
Tetradico +90° +180° +270°
- C1AC8B
Woven Straw
- 90BAAA
≈ Mild Evergreen
- 9CB1D0
≈ Heartsong
- C9A2B4
≈ Taste of Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.54:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--woven-straw: #c1ac8b;
--woven-straw-rgb: 193 172 139;
--woven-straw-oklch: oklch(0.754 0.051 79);
}
.element {
color: var(--woven-straw);
background-color: hsl(37 30% 65%);
border-color: oklch(0.754 0.051 79);
}Tailwind CSS v4
@theme {
--color-woven-straw: #c1ac8b;
--color-woven-straw-50: #fdf4e5;
--color-woven-straw-100: #f1e7d5;
--color-woven-straw-200: #e0d2bc;
--color-woven-straw-300: #c5b59a;
--color-woven-straw-400: #af9b7d;
--color-woven-straw-500: #99835f;
--color-woven-straw-600: #816f51;
--color-woven-straw-700: #675841;
--color-woven-straw-800: #4c402e;
--color-woven-straw-900: #352c1f;
--color-woven-straw-950: #20190f;
}SCSS
$woven-straw: #c1ac8b;
$woven-straw-rgb: 193, 172, 139;
$woven-straw-light: mix(#fff, $woven-straw, 20%);
$woven-straw-dark: mix(#000, $woven-straw, 20%);
.element {
color: $woven-straw;
box-shadow: 0 0 0 2px rgba($woven-straw, 0.35);
}