Coloried

Light Blue Grey

Light Blue Grey color is a soft shade of light gray. Its hex code is #B7C9E2 and rgb code is rgb(183, 201, 226), Its CMYK value is cmyk(19%, 11%, 0%, 11%), and Its HSL value is hsl(215, 43%, 80%). Against white, it has a contrast ratio of 1.68:1, while against black, the contrast ratio is 12.47:1. Its complementary color is #E2D0B6 and closest tailwind color is slate-300. This color goes well with #5249B6, #49ADB6, #335380, #C5746D, and #BEC56D. To recreate the Light Blue Grey color, you can mix #FFFFFF and #6F93C5.

Light Blue Grey color code
|
1. Color Conversions
HEX#B7C9E2
RGB183, 201, 226
HSL215°, 43%, 80%
HSV215°, 43%, 89%
CMYK19%, 11%, 0%, 11%
Web Safe#CCCCCC
2. Contrast Ratio
Text on #FFFFFF1.68:1
Fail LargeFail Normal
Text on #00000012.47:1
AAA LargeAAA Normal
3. Light Blue Grey Color Code in CSS
HEX
#B7C9E2
RGB
rgb(183, 201, 226)
HSL
hsl(215, 43%, 80%)
Text Color
color: #B7C9E2;
Background
background-color: #B7C9E2;
Border Color
border-color: #B7C9E2;
Box Shadow
box-shadow: 0 4px 14px 0 #B7C9E280;
SCSS
$color-light-blue-grey: #B7C9E2;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BFBFDC
Deuteranopia#BEBCDB
Tritanopia#B8D7D6
Achromatopsia#C6C6C6
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive