Powder Blue

#B8E3E9
RGB
184, 227, 233
HSL
187°, 53%, 82%
CMYK
21, 3, 0, 9
HSV
187°, 21%, 91%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B8E3E9 color: #B8E3E9;
RGB 184, 227, 233 color: rgb(184, 227, 233);
RGB Percentage 72%, 89%, 91% color: rgb(72%, 89%, 91%);
CMYK 21%, 3%, 0%, 9% Not supported in CSS
HSL 187°, 53%, 82% color: hsl(187, 53%, 82%);
HSV 187°, 21%, 91% Not supported in CSS
CIE-LAB 66, -9, -2 color: lab(66% -9 -2);
Decimal 12116969 Not supported in CSS

Color Variations

Shades

#B9E4E9
#99D7E0
#79CBD6
#59BFCC
#3BB0C0
#3193A0
#277680
#1D5860

Tints

#EAF7F9
#E3F4F6
#DCF1F4
#D5EFF2
#CEECF0
#C7E9EE
#C0E6EC
#B9E4E9

Tones

#B9E4E9
#BBE2E7
#BEE0E5
#C0DEE2
#C3DCE0
#C5DADD
#C7D9DB
#CAD7D8

Hues

#B9E4E9
#B9BFE9
#D7B9E9
#E9B9D8
#E9BEB9
#E9E3B9
#CBE9B9
#B9E9CB

Color Harmonies

Analogous

#B9E9D7
Click to copy
Light Cyan
96%
#B8E3E9
Click to copy
Powder blue
100%
#B9CBE9
Click to copy
Light Blue
95%

Complementary

#B8E3E9
Click to copy
Powder blue
100%
#E9BEB9
Click to copy
Light Red
82%

Split Complementary

#B8E3E9
Click to copy
Powder blue
100%
#E9B9CB
Click to copy
Light Magenta
84%
#E9D7B9
Click to copy
Light Orange
84%

Triadic

#B8E3E9
Click to copy
Powder blue
100%
#E9B9E4
Click to copy
Light Purple
85%
#E4E9B9
Click to copy
Light Yellow
85%

Tetradic

#B8E3E9
Click to copy
Powder blue
100%
#D7B9E9
Click to copy
Light Purple
88%
#E9BEB9
Click to copy
Light Red
82%
#CBE9B9
Click to copy
Light Green
88%

Square

#B8E3E9
Click to copy
Powder blue
100%
#D7B9E9
Click to copy
Light Purple
88%
#E9BEB9
Click to copy
Light Red
82%
#CBE9B9
Click to copy
Light Green
88%

CSS & Dev Snippets

CSS
.powder-blue {
  color: #B8E3E9;
}
SCSS
$powder-blue: #B8E3E9;
RGB
rgb(184, 227, 233)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags