Coloried

Bluish White

Bluish White color is a pastel shade of bluish white. Its hex code is #D8DEEC and rgb code is rgb(216, 222, 236), Its CMYK value is cmyk(8%, 6%, 0%, 7%), and Its HSL value is hsl(222, 34%, 89%). Against white color, its contrast ratio of 1.35:1, while against black, the contrast ratio is 15.58:1. Complementary color is #ECE7D9 and closest tailwind color is zinc-200. This color goes well with #8173BA, #73ACBA, #4A6196, #CBA095, and #C0CB95. To recreate the Bluish White color, you can mix #FFFFFF and #B1BDD9.

Bluish White color code
|
1. Color Conversions
HEX#D8DEEC
RGB216, 222, 236
HSL222°, 34%, 89%
HSV222°, 34%, 93%
CMYK8%, 6%, 0%, 7%
Web Safe#CCCCFF
2. Contrast Ratio
Text on #FFFFFF1.35:1
Fail LargeFail Normal
Text on #00000015.58:1
AAA LargeAAA Normal
3. Bluish White Color Code in CSS
HEX
#D8DEEC
RGB
rgb(216, 222, 236)
HSL
hsl(222, 34%, 89%)
Text Color
color: #D8DEEC;
Background
background-color: #D8DEEC;
Border Color
border-color: #D8DEEC;
Box Shadow
box-shadow: 0 4px 14px 0 #D8DEEC80;
SCSS
$color-bluish-white: #D8DEEC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#DBDBE9
Deuteranopia#DADAE8
Tritanopia#D8E6E5
Achromatopsia#DEDEDE
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive