Benannte Farbe · #B19664
Antelope
Antelope ist #B19664: rgb(177 150 100), hsl(39 33% 54%), oklch(0.686 0.074 82.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Antelope color name →
#B19664
oklch(0.686 0.074 82.3)
Farbumrechnungen
- HEX
- #b19664
- RGB
- rgb(177 150 100)
- HSL
- hsl(39 33% 54%)
- HWB
- hwb(39 39% 31%)
- OKLCH
- oklch(0.686 0.074 82.3)
- OKLab
- oklab(0.686 0.01 0.074)
- CIE Lab
- lab(63.69 5.34 30.28)
- LCH
- lch(63.69 30.75 80)
- CMYK
- cmyk(0% 15% 44% 31%)
Tints · Shades · Tones
Tints
- B9A073
- C0AA83
- C8B592
- D0BFA1
- D8CAB1
- DFD4C0
- E7DFD0
- EFE9DF
- F7F4EF
Shades
- 998256
- 836E48
- 6C5B3B
- 57492E
- 423722
- 2F2616
- 1C160B
- 0C0803
- 010100
Tones
- AC9468
- A7926B
- A2906E
- 9D8D71
- 988B74
- 938976
- 8F8779
- 8A857B
- 85827E
Farbharmonien
Komplementär +180°
- B19664
Antelope
- 819AC9
≈ Caribbean Sky
Analog -30° +30°
- B19664
Antelope
- BF8D6F
≈ Tiny Fawn
- 9B9F69
≈ Dry Grass
Triadisch +120° +240°
- B19664
Antelope
- 5EA8AE
≈ Aquarelle
- B08BB6
≈ Violet Whimsy
Geteilt komplementär +150° +210°
- B19664
Antelope
- 69A2C1
≈ Air Blue
- 9B92C5
≈ Violet Tulip
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.83:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.41:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.41:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--antelope: #b19664;
--antelope-rgb: 177 150 100;
--antelope-oklch: oklch(0.686 0.074 82.3);
}
.element {
color: var(--antelope);
background-color: hsl(39 33% 54%);
border-color: oklch(0.686 0.074 82.3);
}Tailwind CSS v4
@theme {
--color-antelope: #b19664;
--color-antelope-50: #fff4de;
--color-antelope-100: #f4e6cc;
--color-antelope-200: #e3d2b1;
--color-antelope-300: #c9b58c;
--color-antelope-400: #b49b6b;
--color-antelope-500: #9f814a;
--color-antelope-600: #866e3f;
--color-antelope-700: #6b5832;
--color-antelope-800: #504023;
--color-antelope-900: #382c17;
--color-antelope-950: #221908;
}SCSS
$antelope: #b19664;
$antelope-rgb: 177, 150, 100;
$antelope-light: mix(#fff, $antelope, 20%);
$antelope-dark: mix(#000, $antelope, 20%);
.element {
color: $antelope;
box-shadow: 0 0 0 2px rgba($antelope, 0.35);
}