Benannte Farbe · #B9ABA3
Barren
Barren ist #B9ABA3: rgb(185 171 163), hsl(22 14% 68%), oklch(0.751 0.02 51.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Barren color name →
#B9ABA3
oklch(0.751 0.02 51.9)
Farbumrechnungen
- HEX
- #b9aba3
- RGB
- rgb(185 171 163)
- HSL
- hsl(22 14% 68%)
- HWB
- hwb(22 64% 27%)
- OKLCH
- oklch(0.751 0.02 51.9)
- OKLab
- oklab(0.751 0.012 0.016)
- CIE Lab
- lab(71.01 4.19 6.05)
- LCH
- lch(71.01 7.36 55.3)
- CMYK
- cmyk(0% 8% 12% 27%)
Tints · Shades · Tones
Tints
- C0B3AC
- C7BBB5
- CEC4BE
- D5CCC7
- DCD4D0
- E3DDD9
- EAE5E3
- F1EEEC
- F8F6F5
Shades
- A0948D
- 897E78
- 716863
- 5B544F
- 46403C
- 312D2A
- 1E1B19
- 0D0B0A
- 020101
Tones
- B3A79F
- ADA29C
- A89E98
- A29A95
- 9C9591
- 96918E
- 918D8A
- 8B8887
- 868483
Farbharmonien
Komplementär +180°
- B9ABA3
Barren
- A2B1B9
≈ Peace
Analog -30° +30°
- B9ABA3
Barren
- BBAAA9
≈ Relaxed Rhino
- B5ADA0
≈ Tungsten
Triadisch +120° +240°
- B9ABA3
Barren
- A2B2AD
≈ Conch
- AEACBA
≈ Lilac Bloom
Geteilt komplementär +150° +210°
- B9ABA3
Barren
- A0B2B3
≈ Powder Mill
- A7AFBB
≈ Berry Chalk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.23:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.41:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--barren: #b9aba3;
--barren-rgb: 185 171 163;
--barren-oklch: oklch(0.751 0.02 51.9);
}
.element {
color: var(--barren);
background-color: hsl(22 14% 68%);
border-color: oklch(0.751 0.02 51.9);
}Tailwind CSS v4
@theme {
--color-barren: #b9aba3;
--color-barren-50: #faf4f0;
--color-barren-100: #ede6e2;
--color-barren-200: #dbd2cc;
--color-barren-300: #c0b5ae;
--color-barren-400: #a99b94;
--color-barren-500: #91837a;
--color-barren-600: #7b6f68;
--color-barren-700: #625953;
--color-barren-800: #48413c;
--color-barren-900: #322c29;
--color-barren-950: #1e1a17;
}SCSS
$barren: #b9aba3;
$barren-rgb: 185, 171, 163;
$barren-light: mix(#fff, $barren, 20%);
$barren-dark: mix(#000, $barren, 20%);
.element {
color: $barren;
box-shadow: 0 0 0 2px rgba($barren, 0.35);
}