Benannte Farbe · #A6814C
Hamster Fur
Hamster Fur ist #A6814C: rgb(166 129 76), hsl(35 37% 47%), oklch(0.627 0.084 75.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Hamster Fur color name →
#A6814C
oklch(0.627 0.084 75.2)
Farbumrechnungen
- HEX
- #a6814c
- RGB
- rgb(166 129 76)
- HSL
- hsl(35 37% 47%)
- HWB
- hwb(35 30% 35%)
- OKLCH
- oklch(0.627 0.084 75.2)
- OKLab
- oklab(0.627 0.021 0.081)
- CIE Lab
- lab(56.74 9.96 34.22)
- LCH
- lch(56.74 35.64 73.8)
- CMYK
- cmyk(0% 22% 54% 35%)
Tints · Shades · Tones
Tints
- AF8D5E
- B89970
- C1A681
- C9B293
- D2BFA5
- DBCBB6
- E4D8C8
- EDE5DA
- F6F2ED
Shades
- 906F41
- 7A5E36
- 654E2C
- 513E22
- 3E2E18
- 2B1F0F
- 1A1206
- 0A0602
- 010100
Tones
- A28152
- 9F8158
- 9B815E
- 978163
- 938168
- 90816D
- 8C8172
- 888177
- 84807C
Farbharmonien
Komplementär +180°
- A6814C
Hamster Fur
- 668BBA
≈ Faded Blue
Analog -30° +30°
- A6814C
Hamster Fur
- B3785D
≈ Apricot Mix
- 908B4D
≈ Negishi Green
Triadisch +120° +240°
- A6814C
Hamster Fur
- 409898
≈ Aquatic Green
- 9C79AB
≈ Cloudy Plum
Geteilt komplementär +150° +210°
- A6814C
Hamster Fur
- 4A93AF
≈ Jet Ski
- 8381B9
≈ Deep Periwinkle
Tetradisch +90° +180° +270°
- A6814C
Hamster Fur
- 53997C
≈ Fake Fern
- 668BBA
≈ Faded Blue
- AD7494
≈ So Long Shadow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.58:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.86:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--hamster-fur: #a6814c;
--hamster-fur-rgb: 166 129 76;
--hamster-fur-oklch: oklch(0.627 0.084 75.2);
}
.element {
color: var(--hamster-fur);
background-color: hsl(35 37% 47%);
border-color: oklch(0.627 0.084 75.2);
}Tailwind CSS v4
@theme {
--color-hamster-fur: #a6814c;
--color-hamster-fur-50: #fff3db;
--color-hamster-fur-100: #f8e5c9;
--color-hamster-fur-200: #e9d0ad;
--color-hamster-fur-300: #d0b287;
--color-hamster-fur-400: #bc9865;
--color-hamster-fur-500: #a77e42;
--color-hamster-fur-600: #8d6b39;
--color-hamster-fur-700: #71552d;
--color-hamster-fur-800: #543e20;
--color-hamster-fur-900: #3b2a15;
--color-hamster-fur-950: #251806;
}SCSS
$hamster-fur: #a6814c;
$hamster-fur-rgb: 166, 129, 76;
$hamster-fur-light: mix(#fff, $hamster-fur, 20%);
$hamster-fur-dark: mix(#000, $hamster-fur, 20%);
.element {
color: $hamster-fur;
box-shadow: 0 0 0 2px rgba($hamster-fur, 0.35);
}