Benannte Farbe · #B6AFA0
Camping Tent
Camping Tent ist #B6AFA0: rgb(182 175 160), hsl(41 13% 67%), oklch(0.756 0.022 86). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Camping Tent color name →
#B6AFA0
oklch(0.756 0.022 86)
Farbumrechnungen
- HEX
- #b6afa0
- RGB
- rgb(182 175 160)
- HSL
- hsl(41 13% 67%)
- HWB
- hwb(41 63% 29%)
- OKLCH
- oklch(0.756 0.022 86)
- OKLab
- oklab(0.756 0.002 0.022)
- CIE Lab
- lab(71.74 0.64 8.66)
- LCH
- lch(71.74 8.68 85.8)
- CMYK
- cmyk(0% 4% 12% 29%)
Tints · Shades · Tones
Tints
- BDB7A9
- C4BFB2
- CBC6BC
- D3CEC5
- DAD6CF
- E1DED8
- E9E6E2
- F0EFEB
- F8F7F5
Shades
- 9E988B
- 868176
- 6F6B61
- 59564E
- 44413B
- 302E29
- 1D1C19
- 0C0B09
- 020101
Tones
- B0AA9D
- ABA59A
- A5A196
- A09C93
- 9B9790
- 95938D
- 908E8A
- 8B8986
- 858583
Farbharmonien
Komplementär +180°
- B6AFA0
Camping Tent
- A9B0BE
≈ Eclectic
Analog -30° +30°
- B6AFA0
Camping Tent
- BBACA2
≈ Mushroom
- AFB2A2
≈ Pebble Walk
Triadisch +120° +240°
- B6AFA0
Camping Tent
- A0B4B7
≈ Marine Layer
- B8ABB7
≈ Audition
Geteilt komplementär +150° +210°
- B6AFA0
Camping Tent
- A3B2BC
≈ Peace
- B1ADBD
≈ Wisteria Trellis
Tetradisch +90° +180° +270°
- B6AFA0
Camping Tent
- A2B5AF
≈ Frozen Pond
- A9B0BE
≈ Eclectic
- BCAAB0
≈ Pale Poppy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.18:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.62:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--camping-tent: #b6afa0;
--camping-tent-rgb: 182 175 160;
--camping-tent-oklch: oklch(0.756 0.022 86);
}
.element {
color: var(--camping-tent);
background-color: hsl(41 13% 67%);
border-color: oklch(0.756 0.022 86);
}Tailwind CSS v4
@theme {
--color-camping-tent: #b6afa0;
--color-camping-tent-50: #f8f5ee;
--color-camping-tent-100: #ebe8e0;
--color-camping-tent-200: #d8d4ca;
--color-camping-tent-300: #bcb7ab;
--color-camping-tent-400: #a49e90;
--color-camping-tent-500: #8d8576;
--color-camping-tent-600: #777164;
--color-camping-tent-700: #5f5a50;
--color-camping-tent-800: #46423a;
--color-camping-tent-900: #302d28;
--color-camping-tent-950: #1d1a16;
}SCSS
$camping-tent: #b6afa0;
$camping-tent-rgb: 182, 175, 160;
$camping-tent-light: mix(#fff, $camping-tent, 20%);
$camping-tent-dark: mix(#000, $camping-tent, 20%);
.element {
color: $camping-tent;
box-shadow: 0 0 0 2px rgba($camping-tent, 0.35);
}