Benannte Farbe · #B5ACB2
Gellibrand
Gellibrand ist #B5ACB2: rgb(181 172 178), hsl(320 6% 69%), oklch(0.754 0.013 337.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gellibrand color name →
#B5ACB2
oklch(0.754 0.013 337.6)
Farbumrechnungen
- HEX
- #b5acb2
- RGB
- rgb(181 172 178)
- HSL
- hsl(320 6% 69%)
- HWB
- hwb(320 67% 29%)
- OKLCH
- oklch(0.754 0.013 337.6)
- OKLab
- oklab(0.754 0.012 -0.005)
- CIE Lab
- lab(71.25 4.15 -1.87)
- LCH
- lch(71.25 4.55 335.7)
- CMYK
- cmyk(0% 5% 2% 29%)
Tints · Shades · Tones
Tints
- BCB4B9
- C3BCC1
- CBC4C9
- D2CCD0
- D9D5D8
- E1DDE0
- E8E5E7
- F0EEEF
- F7F6F7
Shades
- 9D959A
- 867F83
- 6F696D
- 595457
- 444043
- 302D2F
- 1D1B1D
- 0C0B0C
- 020101
Tones
- B0A7AD
- AAA3A8
- A59FA3
- 9F9A9E
- 9A9699
- 959194
- 908D8F
- 8A898A
- 858485
Farbharmonien
Komplementär +180°
- B5ACB2
Gellibrand
- A9B2AC
≈ Artful
Analog -30° +30°
- B5ACB2
Gellibrand
- B1ADB6
≈ Love-Struck Chinchilla
- B7ACAD
≈ Heather Bay
Triadisch +120° +240°
- B5ACB2
Gellibrand
- B1AFA6
≈ Building Block
- A6B1B5
≈ Stardew
Geteilt komplementär +150° +210°
- B5ACB2
Gellibrand
- ADB1A8
≈ Blue Fox
- A6B2B0
≈ Flint Smoke
Tetradisch +90° +180° +270°
- B5ACB2
Gellibrand
- B5AEA6
≈ Warm Pewter
- A9B2AC
≈ Artful
- A9B0B7
≈ Cistern
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.20:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.50:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--gellibrand: #b5acb2;
--gellibrand-rgb: 181 172 178;
--gellibrand-oklch: oklch(0.754 0.013 337.6);
}
.element {
color: var(--gellibrand);
background-color: hsl(320 6% 69%);
border-color: oklch(0.754 0.013 337.6);
}Tailwind CSS v4
@theme {
--color-gellibrand: #b5acb2;
--color-gellibrand-50: #f8f4f6;
--color-gellibrand-100: #ebe6e9;
--color-gellibrand-200: #d8d2d6;
--color-gellibrand-300: #bcb5b9;
--color-gellibrand-400: #a49ca1;
--color-gellibrand-500: #8c8389;
--color-gellibrand-600: #776f74;
--color-gellibrand-700: #5f595d;
--color-gellibrand-800: #454144;
--color-gellibrand-900: #302d2f;
--color-gellibrand-950: #1c1a1c;
}SCSS
$gellibrand: #b5acb2;
$gellibrand-rgb: 181, 172, 178;
$gellibrand-light: mix(#fff, $gellibrand, 20%);
$gellibrand-dark: mix(#000, $gellibrand, 20%);
.element {
color: $gellibrand;
box-shadow: 0 0 0 2px rgba($gellibrand, 0.35);
}