Benannte Farbe · #A8857A
Hushed Auburn
Hushed Auburn ist #A8857A: rgb(168 133 122), hsl(14 21% 57%), oklch(0.647 0.046 38.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Hushed Auburn color name →
#A8857A
oklch(0.647 0.046 38.2)
Farbumrechnungen
- HEX
- #a8857a
- RGB
- rgb(168 133 122)
- HSL
- hsl(14 21% 57%)
- HWB
- hwb(14 48% 34%)
- OKLCH
- oklch(0.647 0.046 38.2)
- OKLab
- oklab(0.647 0.036 0.029)
- CIE Lab
- lab(58.7 12.59 11.32)
- LCH
- lch(58.7 16.93 42)
- CMYK
- cmyk(0% 21% 27% 34%)
Tints · Shades · Tones
Tints
- B19187
- B99C93
- C2A8A0
- CBB4AD
- D3C0BB
- DCCDC8
- E5D9D5
- EEE6E3
- F6F2F1
Shades
- 927369
- 7C6159
- 675049
- 52403A
- 3F302B
- 2C211D
- 1A1310
- 0A0605
- 010101
Tones
- A4857B
- A0847B
- 9C847C
- 98837D
- 94837D
- 90827E
- 8C827E
- 88817F
- 84817F
Farbharmonien
Komplementär +180°
- A8857A
Hushed Auburn
- 6E95A1
≈ Silver Fir Blue
Analog -30° +30°
- A8857A
Hushed Auburn
- A88389
≈ Natural Spring
- A18970
≈ River Mud
Triadisch +120° +240°
- A8857A
Hushed Auburn
- 779784
≈ Mild Green
- 878CAB
≈ Non Skid Grey
Geteilt komplementär +150° +210°
- A8857A
Hushed Auburn
- 6E9893
≈ Pale Verdigris
- 7891AA
≈ Identity
Tetradisch +90° +180° +270°
- A8857A
Hushed Auburn
- 869476
≈ Catalina Green
- 6E95A1
≈ Silver Fir Blue
- 9687A4
≈ Antique Viola
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.33:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.30:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--hushed-auburn: #a8857a;
--hushed-auburn-rgb: 168 133 122;
--hushed-auburn-oklch: oklch(0.647 0.046 38.2);
}
.element {
color: var(--hushed-auburn);
background-color: hsl(14 21% 57%);
border-color: oklch(0.647 0.046 38.2);
}Tailwind CSS v4
@theme {
--color-hushed-auburn: #a8857a;
--color-hushed-auburn-50: #fff1eb;
--color-hushed-auburn-100: #f6e3dc;
--color-hushed-auburn-200: #e7cec6;
--color-hushed-auburn-300: #cdb0a6;
--color-hushed-auburn-400: #b8968b;
--color-hushed-auburn-500: #a27c70;
--color-hushed-auburn-600: #89695f;
--color-hushed-auburn-700: #6e544c;
--color-hushed-auburn-800: #513d37;
--color-hushed-auburn-900: #382a26;
--color-hushed-auburn-950: #231714;
}SCSS
$hushed-auburn: #a8857a;
$hushed-auburn-rgb: 168, 133, 122;
$hushed-auburn-light: mix(#fff, $hushed-auburn, 20%);
$hushed-auburn-dark: mix(#000, $hushed-auburn, 20%);
.element {
color: $hushed-auburn;
box-shadow: 0 0 0 2px rgba($hushed-auburn, 0.35);
}