Pastel Blue

#B3EBF2
RGB
179, 235, 242
HSL
187°, 71%, 83%
CMYK
26, 3, 0, 5
HSV
187°, 26%, 95%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B3EBF2 color: #B3EBF2;
RGB 179, 235, 242 color: rgb(179, 235, 242);
RGB Percentage 70%, 92%, 95% color: rgb(70%, 92%, 95%);
CMYK 26%, 3%, 0%, 5% Not supported in CSS
HSL 187°, 71%, 83% color: hsl(187, 71%, 83%);
HSV 187°, 26%, 95% Not supported in CSS
CIE-LAB 66, -11, -2 color: lab(66% -11 -2);
Decimal 11791346 Not supported in CSS

Color Variations

Shades

#B5EBF2
#91E2EC
#6CD8E6
#48CEE0
#25C4D9
#1FA3B5
#198391
#12626D

Tints

#E9F9FB
#E1F7FA
#DAF5F9
#D3F3F7
#CBF1F6
#C4EFF5
#BCEDF4
#B5EBF2

Tones

#B5EBF2
#B8E9EF
#BBE7EC
#BEE4E9
#C1E2E6
#C4DFE3
#C7DDE0
#CADBDD

Hues

#B5EBF2
#B5BDF2
#DBB5F2
#F2B5DC
#F2BCB5
#F2EAB5
#CCF2B5
#B5F2CB

Color Harmonies

Analogous

#B5F2DB
Click to copy
Light Cyan
95%
#B3EBF2
Click to copy
Pastel blue
100%
#B5CCF2
Click to copy
Light Blue
93%

Complementary

#B3EBF2
Click to copy
Pastel blue
100%
#F2BCB5
Click to copy
Light Red
77%

Split Complementary

#B3EBF2
Click to copy
Pastel blue
100%
#F2B5CC
Click to copy
Light Magenta
79%
#F2DBB5
Click to copy
Light Orange
80%

Triadic

#B3EBF2
Click to copy
Pastel blue
100%
#F2B5EB
Click to copy
Light Purple
81%
#EBF2B5
Click to copy
Light Yellow
81%

Tetradic

#B3EBF2
Click to copy
Pastel blue
100%
#DBB5F2
Click to copy
Light Purple
85%
#F2BCB5
Click to copy
Light Red
77%
#CCF2B5
Click to copy
Light Green
85%

Square

#B3EBF2
Click to copy
Pastel blue
100%
#DBB5F2
Click to copy
Light Purple
85%
#F2BCB5
Click to copy
Light Red
77%
#CCF2B5
Click to copy
Light Green
85%

CSS & Dev Snippets

CSS
.pastel-blue {
  color: #B3EBF2;
}
SCSS
$pastel-blue: #B3EBF2;
RGB
rgb(179, 235, 242)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags