Benannte Farbe · #AB9379
Worsted Tan
Worsted Tan ist #AB9379: rgb(171 147 121), hsl(31 23% 57%), oklch(0.678 0.047 69.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Worsted Tan color name →
#AB9379
oklch(0.678 0.047 69.2)
Farbumrechnungen
- HEX
- #ab9379
- RGB
- rgb(171 147 121)
- HSL
- hsl(31 23% 57%)
- HWB
- hwb(31 47% 33%)
- OKLCH
- oklch(0.678 0.047 69.2)
- OKLab
- oklab(0.678 0.017 0.044)
- CIE Lab
- lab(62.62 6.3 17.31)
- LCH
- lch(62.62 18.42 70)
- CMYK
- cmyk(0% 14% 29% 33%)
Tints · Shades · Tones
Tints
- B39D86
- BCA893
- C4B2A0
- CCBDAD
- D5C8BA
- DDD3C8
- E5DED5
- EEE9E3
- F6F4F1
Shades
- 947F68
- 7E6C58
- 685948
- 544739
- 40362B
- 2D251D
- 1B1610
- 0B0805
- 010101
Tones
- A7917A
- A28F7B
- 9E8D7C
- 9A8C7C
- 958A7D
- 91887E
- 8D867E
- 89847F
- 84827F
Farbharmonien
Komplementär +180°
- AB9379
Worsted Tan
- 829BB4
≈ Polished Metal
Analog -30° +30°
- AB9379
Worsted Tan
- B28E83
≈ Western Ridge
- 9E9978
≈ A Frond in Need
Triadisch +120° +240°
- AB9379
Worsted Tan
- 77A19D
≈ Delaware Blue Hen
- A090AE
≈ Compliment
Geteilt komplementär +150° +210°
- AB9379
Worsted Tan
- 789FAB
≈ Bosco Blue
- 9195B5
≈ Lively Lilac
Tetradisch +90° +180° +270°
- AB9379
Worsted Tan
- 80A18D
≈ Mossy Bench
- 829BB4
≈ Polished Metal
- AC8DA1
≈ Mauve Musk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.18:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--worsted-tan: #ab9379;
--worsted-tan-rgb: 171 147 121;
--worsted-tan-oklch: oklch(0.678 0.047 69.2);
}
.element {
color: var(--worsted-tan);
background-color: hsl(31 23% 57%);
border-color: oklch(0.678 0.047 69.2);
}Tailwind CSS v4
@theme {
--color-worsted-tan: #ab9379;
--color-worsted-tan-50: #fef3e7;
--color-worsted-tan-100: #f2e6d7;
--color-worsted-tan-200: #e1d1bf;
--color-worsted-tan-300: #c7b49e;
--color-worsted-tan-400: #b19a81;
--color-worsted-tan-500: #9b8165;
--color-worsted-tan-600: #836d56;
--color-worsted-tan-700: #695744;
--color-worsted-tan-800: #4e3f31;
--color-worsted-tan-900: #362c21;
--color-worsted-tan-950: #211911;
}SCSS
$worsted-tan: #ab9379;
$worsted-tan-rgb: 171, 147, 121;
$worsted-tan-light: mix(#fff, $worsted-tan, 20%);
$worsted-tan-dark: mix(#000, $worsted-tan, 20%);
.element {
color: $worsted-tan;
box-shadow: 0 0 0 2px rgba($worsted-tan, 0.35);
}