Benannte Farbe · #ABB5C4
Bluebeard
Bluebeard ist #ABB5C4: rgb(171 181 196), hsl(216 17% 72%), oklch(0.77 0.024 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bluebeard color name →
#ABB5C4
oklch(0.77 0.024 258.4)
Farbumrechnungen
- HEX
- #abb5c4
- RGB
- rgb(171 181 196)
- HSL
- hsl(216 17% 72%)
- HWB
- hwb(216 67% 23%)
- OKLCH
- oklch(0.77 0.024 258.4)
- OKLab
- oklab(0.77 -0.005 -0.024)
- CIE Lab
- lab(73.24 -1.33 -8.9)
- LCH
- lch(73.24 9 261.5)
- CMYK
- cmyk(13% 8% 0% 23%)
Tints · Shades · Tones
Tints
- B3BCCA
- BBC3D0
- C4CBD5
- CCD2DB
- D4D9E1
- DDE1E7
- E5E8ED
- EEF0F3
- F6F7F9
Shades
- 949DAA
- 7E8691
- 686F78
- 545961
- 40444A
- 2D3035
- 1B1D21
- 0B0C0E
- 010202
Tones
- A7B0BD
- A2AAB6
- 9EA5AF
- 9A9FA8
- 959AA1
- 91959B
- 8D9094
- 888A8D
- 848587
Farbharmonien
Komplementär +180°
- ABB5C4
Bluebeard
- BDB3A3
≈ Ashes to Ashes
Analog -30° +30°
- ABB5C4
Bluebeard
- A5B8C1
≈ Sterling Blue
- B3B2C3
≈ Filtered Light
Triadisch +120° +240°
- ABB5C4
Bluebeard
- C3AEAE
≈ Burnished Lilac
- ADB8A9
≈ Graceful Green
Geteilt komplementär +150° +210°
- ABB5C4
Bluebeard
- C2B0A7
≈ Temperate Taupe
- B5B6A4
≈ Afternoon Nap
Tetradisch +90° +180° +270°
- ABB5C4
Bluebeard
- C1AEB7
≈ Mischief
- BDB3A3
≈ Ashes to Ashes
- A6B9B1
≈ Quiet Teal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.07:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.13:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--bluebeard: #abb5c4;
--bluebeard-rgb: 171 181 196;
--bluebeard-oklch: oklch(0.77 0.024 258.4);
}
.element {
color: var(--bluebeard);
background-color: hsl(216 17% 72%);
border-color: oklch(0.77 0.024 258.4);
}Tailwind CSS v4
@theme {
--color-bluebeard: #abb5c4;
--color-bluebeard-50: #f1f5fc;
--color-bluebeard-100: #e3e8f0;
--color-bluebeard-200: #ced5df;
--color-bluebeard-300: #b0b8c4;
--color-bluebeard-400: #969fad;
--color-bluebeard-500: #7d8797;
--color-bluebeard-600: #69727f;
--color-bluebeard-700: #545b66;
--color-bluebeard-800: #3d434b;
--color-bluebeard-900: #2a2e34;
--color-bluebeard-950: #181b1f;
}SCSS
$bluebeard: #abb5c4;
$bluebeard-rgb: 171, 181, 196;
$bluebeard-light: mix(#fff, $bluebeard, 20%);
$bluebeard-dark: mix(#000, $bluebeard, 20%);
.element {
color: $bluebeard;
box-shadow: 0 0 0 2px rgba($bluebeard, 0.35);
}