Benannte Farbe · #B2B8B1
Sleepy
Sleepy ist #B2B8B1: rgb(178 184 177), hsl(111 5% 71%), oklch(0.776 0.012 141.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sleepy color name →
#B2B8B1
oklch(0.776 0.012 141.3)
Farbumrechnungen
- HEX
- #b2b8b1
- RGB
- rgb(178 184 177)
- HSL
- hsl(111 5% 71%)
- HWB
- hwb(111 69% 28%)
- OKLCH
- oklch(0.776 0.012 141.3)
- OKLab
- oklab(0.776 -0.009 0.007)
- CIE Lab
- lab(74.15 -3.15 2.8)
- LCH
- lch(74.15 4.21 138.4)
- CMYK
- cmyk(3% 0% 4% 28%)
Tints · Shades · Tones
Tints
- B9BFB9
- C1C6C0
- C9CDC8
- D0D4D0
- D8DBD7
- E0E2DF
- E7E9E7
- EFF0EF
- F7F8F7
Shades
- 9AA099
- 838883
- 6D716C
- 575B57
- 434542
- 2F312F
- 1D1E1C
- 0C0C0C
- 010201
Tones
- ADB2AC
- A8ADA7
- A3A7A2
- 9EA19D
- 999C98
- 949693
- 8F908E
- 8A8B8A
- 858585
Farbharmonien
Komplementär +180°
- B2B8B1
Sleepy
- BAB4BB
≈ Future Vision
Analog -30° +30°
- B2B8B1
Sleepy
- B6B7AE
≈ Stone Mill
- AFB9B5
≈ Grey Tweed
Triadisch +120° +240°
- B2B8B1
Sleepy
- B2B6BE
≈ Cube Farm
- BEB3B3
≈ Pink Swan
Geteilt komplementär +150° +210°
- B2B8B1
Sleepy
- B6B5BD
≈ Enchanted Silver
- BCB3B7
≈ Silver Bells
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.38:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--sleepy: #b2b8b1;
--sleepy-rgb: 178 184 177;
--sleepy-oklch: oklch(0.776 0.012 141.3);
}
.element {
color: var(--sleepy);
background-color: hsl(111 5% 71%);
border-color: oklch(0.776 0.012 141.3);
}Tailwind CSS v4
@theme {
--color-sleepy: #b2b8b1;
--color-sleepy-50: #f3f6f3;
--color-sleepy-100: #e6e9e5;
--color-sleepy-200: #d1d6d1;
--color-sleepy-300: #b4b9b3;
--color-sleepy-400: #9ba09a;
--color-sleepy-500: #828881;
--color-sleepy-600: #6e736d;
--color-sleepy-700: #585c57;
--color-sleepy-800: #40433f;
--color-sleepy-900: #2c2f2c;
--color-sleepy-950: #191b19;
}SCSS
$sleepy: #b2b8b1;
$sleepy-rgb: 178, 184, 177;
$sleepy-light: mix(#fff, $sleepy, 20%);
$sleepy-dark: mix(#000, $sleepy, 20%);
.element {
color: $sleepy;
box-shadow: 0 0 0 2px rgba($sleepy, 0.35);
}