Misty Blue

#B5C7EB
RGB
181, 199, 235
HSL
220°, 57%, 82%
CMYK
23, 15, 0, 8
HSV
220°, 23%, 92%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B5C7EB color: #B5C7EB;
RGB 181, 199, 235 color: rgb(181, 199, 235);
RGB Percentage 71%, 78%, 92% color: rgb(71%, 78%, 92%);
CMYK 23%, 15%, 0%, 8% Not supported in CSS
HSL 220°, 57%, 82% color: hsl(220, 57%, 82%);
HSV 220°, 23%, 92% Not supported in CSS
CIE-LAB 66, -4, -12 color: lab(66% -4 -12);
Decimal 11913195 Not supported in CSS

Color Variations

Shades

#B7C8EB
#96AFE2
#7597D9
#547ED0
#3666C5
#2D55A4
#244483
#1B3362

Tints

#E9EFF9
#E2E9F7
#DBE4F5
#D4DEF3
#CDD9F1
#C5D3EF
#BECEED
#B7C8EB

Tones

#B7C8EB
#BAC9E9
#BCCAE6
#BFCBE3
#C1CCE1
#C4CDDE
#C7CEDC
#C9CED9

Hues

#B7C8EB
#CDB7EB
#EBB7E3
#EBB7BB
#EBDAB7
#D5EBB7
#B7EBC0
#B7EBE7

Color Harmonies

Analogous

#B7E3EB
Click to copy
Light Cyan
94%
#B5C7EB
Click to copy
Misty blue
100%
#C0B7EB
Click to copy
Light Blue
96%

Complementary

#B5C7EB
Click to copy
Misty blue
100%
#EBDAB7
Click to copy
Light Orange
82%

Split Complementary

#B5C7EB
Click to copy
Misty blue
100%
#EBC0B7
Click to copy
Light Red
83%
#E3EBB7
Click to copy
Light Yellow
82%

Triadic

#B5C7EB
Click to copy
Misty blue
100%
#EBB7C8
Click to copy
Light Magenta
85%
#C8EBB7
Click to copy
Light Green
85%

Tetradic

#B5C7EB
Click to copy
Misty blue
100%
#EBB7E3
Click to copy
Light Purple
87%
#EBDAB7
Click to copy
Light Orange
82%
#B7EBC0
Click to copy
Light Green
87%

Square

#B5C7EB
Click to copy
Misty blue
100%
#EBB7E3
Click to copy
Light Purple
87%
#EBDAB7
Click to copy
Light Orange
82%
#B7EBC0
Click to copy
Light Green
87%

CSS & Dev Snippets

CSS
.misty-blue {
  color: #B5C7EB;
}
SCSS
$misty-blue: #B5C7EB;
RGB
rgb(181, 199, 235)

Accessibility & Contrast

White background

1.70:1
1.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.33:1
12.33
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags