Coloried

Cloudy Blue

Cloudy Blue color is a gentle shade of light muted blue. Its hex code is #ACC2D9 and rgb code is rgb(172, 194, 217), Its CMYK value is cmyk(21%, 11%, 0%, 15%), and Its HSL value is hsl(211, 37%, 76%). Against white, it has contrast ratio of 1.83:1, while against black, the contrast ratio is 11.47:1. Its complementary color is #D8C3AB and closest tailwind color is slate-300. This color goes well with #4B4AA1, #4A9FA1, #324E6C, #B86765, and #B7B865. To get this Cloudy Blue color, you can mix #FFFFFF and #5985B3.

Cloudy Blue color code
|
1. Color Conversions
HEX#ACC2D9
RGB172, 194, 217
HSL211°, 37%, 76%
HSV211°, 37%, 85%
CMYK21%, 11%, 0%, 15%
Web Safe#99CCCC
2. Contrast Ratio
Text on #FFFFFF1.83:1
Fail LargeFail Normal
Text on #00000011.47:1
AAA LargeAAA Normal
3. Cloudy Blue Color Code in CSS
HEX
#ACC2D9
RGB
rgb(172, 194, 217)
HSL
hsl(211, 37%, 76%)
Text Color
color: #ACC2D9;
Background
background-color: #ACC2D9;
Border Color
border-color: #ACC2D9;
Box Shadow
box-shadow: 0 4px 14px 0 #ACC2D980;
SCSS
$color-cloudy-blue: #ACC2D9;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B6B6D3
Deuteranopia#B4B3D2
Tritanopia#ADCFCE
Achromatopsia#BEBEBE
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive