Named color · #B2B5C8
Soul Sister
Soul Sister is #B2B5C8: rgb(178 181 200), hsl(232 17% 74%), oklch(0.777 0.027 278.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Soul Sister color name →
#B2B5C8
oklch(0.777 0.027 278.6)
Color conversions
- HEX
- #b2b5c8
- RGB
- rgb(178 181 200)
- HSL
- hsl(232 17% 74%)
- HWB
- hwb(232 70% 22%)
- OKLCH
- oklch(0.777 0.027 278.6)
- OKLab
- oklab(0.777 0.004 -0.027)
- CIE Lab
- lab(73.89 1.73 -10.04)
- LCH
- lch(73.89 10.19 279.8)
- CMYK
- cmyk(11% 9% 0% 22%)
Tints · Shades · Tones
Tints
- B9BCCD
- C1C3D3
- C9CBD8
- D0D2DE
- D8D9E3
- E0E1E9
- E7E8EE
- EFF0F4
- F7F7F9
Shades
- 9A9DAE
- 838694
- 6D6F7B
- 575963
- 43444C
- 2F3036
- 1D1D21
- 0C0C0F
- 010202
Tones
- ADB0C1
- A8AAB9
- A3A5B2
- 9E9FAB
- 999AA3
- 94959C
- 8F9095
- 8A8A8E
- 858587
Color harmonies
Complementary +180°
- B2B5C8
Soul Sister
- BAB7A4
≈ Feathers of a Dove
Analogous -30° +30°
- B2B5C8
Soul Sister
- A9B8C7
≈ Blue Tribute
- BBB2C4
≈ Perplexed
Triadic +120° +240°
- B2B5C8
Soul Sister
- C7B1AA
≈ Vintage Charm
- A9BCB0
≈ Foggy Rain
Split-complementary +150° +210°
- B2B5C8
Soul Sister
- C2B4A4
≈ Esoteric
- B1BAA8
≈ Matt Sage
Tetradic +90° +180° +270°
- B2B5C8
Soul Sister
- C7B0B3
≈ Mature
- BAB7A4
≈ Feathers of a Dove
- A4BCBA
≈ Chance of Showers
Contrast & accessibility
Ag
FailOn white
WCAG 2.03:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.33:1 · APCA Lc 63
Best text color: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--soul-sister: #b2b5c8;
--soul-sister-rgb: 178 181 200;
--soul-sister-oklch: oklch(0.777 0.027 278.6);
}
.element {
color: var(--soul-sister);
background-color: hsl(232 17% 74%);
border-color: oklch(0.777 0.027 278.6);
}Tailwind CSS v4
@theme {
--color-soul-sister: #b2b5c8;
--color-soul-sister-50: #f3f4fd;
--color-soul-sister-100: #e6e7f1;
--color-soul-sister-200: #d2d3e0;
--color-soul-sister-300: #b4b6c5;
--color-soul-sister-400: #9a9daf;
--color-soul-sister-500: #828598;
--color-soul-sister-600: #6e7081;
--color-soul-sister-700: #585a67;
--color-soul-sister-800: #40424c;
--color-soul-sister-900: #2c2d35;
--color-soul-sister-950: #191a20;
}SCSS
$soul-sister: #b2b5c8;
$soul-sister-rgb: 178, 181, 200;
$soul-sister-light: mix(#fff, $soul-sister, 20%);
$soul-sister-dark: mix(#000, $soul-sister, 20%);
.element {
color: $soul-sister;
box-shadow: 0 0 0 2px rgba($soul-sister, 0.35);
}