Benannte Farbe · #AB7647
Meerkat
Meerkat ist #AB7647: rgb(171 118 71), hsl(28 41% 47%), oklch(0.61 0.092 61.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Meerkat color name →
#AB7647
oklch(0.61 0.092 61.3)
Farbumrechnungen
- HEX
- #ab7647
- RGB
- rgb(171 118 71)
- HSL
- hsl(28 41% 47%)
- HWB
- hwb(28 28% 33%)
- OKLCH
- oklch(0.61 0.092 61.3)
- OKLab
- oklab(0.61 0.044 0.08)
- CIE Lab
- lab(54.48 17.71 34.37)
- LCH
- lch(54.48 38.67 62.7)
- CMYK
- cmyk(0% 31% 58% 33%)
Tints · Shades · Tones
Tints
- B4835A
- BC916C
- C59E7E
- CDAC90
- D6B9A2
- DEC7B4
- E6D5C7
- EFE3D9
- F7F1EC
Shades
- 94663D
- 7E5632
- 684728
- 54381F
- 402916
- 2D1C0D
- 1B0F06
- 0B0502
- 010100
Tones
- A7774E
- A37954
- 9F7A5A
- 9B7B60
- 967C66
- 927D6B
- 8E7E71
- 897F76
- 857F7B
Farbharmonien
Komplementär +180°
- AB7647
Meerkat
- 4D8AB5
≈ Blueberry Festival
Analog -30° +30°
- AB7647
Meerkat
- B46E61
≈ Water Persimmon
- 98813D
≈ Wild Olive
Triadisch +120° +240°
- AB7647
Meerkat
- 359587
≈ Azure Tide
- 8D76B2
≈ Romantic Moment
Geteilt komplementär +150° +210°
- AB7647
Meerkat
- 2F92A3
≈ Blue Moon
- 6F80BB
≈ Orbital
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.87:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.41:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--meerkat: #ab7647;
--meerkat-rgb: 171 118 71;
--meerkat-oklch: oklch(0.61 0.092 61.3);
}
.element {
color: var(--meerkat);
background-color: hsl(28 41% 47%);
border-color: oklch(0.61 0.092 61.3);
}Tailwind CSS v4
@theme {
--color-meerkat: #ab7647;
--color-meerkat-50: #fff0db;
--color-meerkat-100: #ffe2c9;
--color-meerkat-200: #f1cdac;
--color-meerkat-300: #d9ae87;
--color-meerkat-400: #c69265;
--color-meerkat-500: #b27742;
--color-meerkat-600: #966539;
--color-meerkat-700: #79512d;
--color-meerkat-800: #5a3a20;
--color-meerkat-900: #3f2815;
--color-meerkat-950: #281607;
}SCSS
$meerkat: #ab7647;
$meerkat-rgb: 171, 118, 71;
$meerkat-light: mix(#fff, $meerkat, 20%);
$meerkat-dark: mix(#000, $meerkat, 20%);
.element {
color: $meerkat;
box-shadow: 0 0 0 2px rgba($meerkat, 0.35);
}