Benannte Farbe · #878466
Bandicoot
Bandicoot ist #878466: rgb(135 132 102), hsl(55 14% 46%), oklch(0.608 0.043 102.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bandicoot color name →
#878466
oklch(0.608 0.043 102.8)
Farbumrechnungen
- HEX
- #878466
- RGB
- rgb(135 132 102)
- HSL
- hsl(55 14% 46%)
- HWB
- hwb(55 40% 47%)
- OKLCH
- oklch(0.608 0.043 102.8)
- OKLab
- oklab(0.608 -0.01 0.042)
- CIE Lab
- lab(54.8 -2.68 16.7)
- LCH
- lch(54.8 16.92 99.1)
- CMYK
- cmyk(0% 2% 24% 47%)
Tints · Shades · Tones
Tints
- 929074
- 9E9B83
- A9A792
- B5B4A1
- C1C0B0
- CDCCBF
- D9D9CF
- E6E5DF
- F2F2EF
Shades
- 757258
- 63604A
- 514F3C
- 413F2F
- 312F23
- 212017
- 13120C
- 060604
- 010100
Tones
- 868469
- 86836C
- 85836E
- 848371
- 838273
- 838276
- 828179
- 81817B
- 81807E
Farbharmonien
Komplementär +180°
- 878466
Bandicoot
- 7E809C
≈ Blue Intrigue
Analog -30° +30°
- 878466
Bandicoot
- 937F66
≈ Dapper Tan
- 79886E
≈ Chlorosis
Triadisch +120° +240°
- 878466
Bandicoot
- 668996
≈ Horizon
- 967989
≈ Mountbatten Pink
Geteilt komplementär +150° +210°
- 878466
Bandicoot
- 70859C
≈ Merman
- 8C7B95
≈ Passion Fruit
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.52:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--bandicoot: #878466;
--bandicoot-rgb: 135 132 102;
--bandicoot-oklch: oklch(0.608 0.043 102.8);
}
.element {
color: var(--bandicoot);
background-color: hsl(55 14% 46%);
border-color: oklch(0.608 0.043 102.8);
}Tailwind CSS v4
@theme {
--color-bandicoot: #878466;
--color-bandicoot-50: #f7f6e8;
--color-bandicoot-100: #eae9d9;
--color-bandicoot-200: #d7d6c1;
--color-bandicoot-300: #bab9a0;
--color-bandicoot-400: #a3a083;
--color-bandicoot-500: #8b8866;
--color-bandicoot-600: #767357;
--color-bandicoot-700: #5e5c45;
--color-bandicoot-800: #454332;
--color-bandicoot-900: #302e22;
--color-bandicoot-950: #1c1b11;
}SCSS
$bandicoot: #878466;
$bandicoot-rgb: 135, 132, 102;
$bandicoot-light: mix(#fff, $bandicoot, 20%);
$bandicoot-dark: mix(#000, $bandicoot, 20%);
.element {
color: $bandicoot;
box-shadow: 0 0 0 2px rgba($bandicoot, 0.35);
}