Pastel Purple

#B39EB5
RGB
179, 158, 181
HSL
295°, 13%, 66%
CMYK
1, 13, 0, 29
HSV
295°, 13%, 71%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B39EB5 color: #B39EB5;
RGB 179, 158, 181 color: rgb(179, 158, 181);
RGB Percentage 70%, 62%, 71% color: rgb(70%, 62%, 71%);
CMYK 1%, 13%, 0%, 29% Not supported in CSS
HSL 295°, 13%, 66% color: hsl(295, 13%, 66%);
HSV 295°, 13%, 71% Not supported in CSS
CIE-LAB 53, 4, -8 color: lab(53% 4 -8);
Decimal 11771573 Not supported in CSS

Color Variations

Shades

#B29DB4
#A38AA5
#947796
#836685
#705872
#5D495F
#4B3B4C
#382C39

Tints

#E8E2E8
#E0D8E1
#D8CED9
#D1C4D2
#C9BACA
#C1B1C3
#B9A7BB
#B29DB4

Tones

#B29DB4
#B19EB2
#B09FB1
#AFA0B0
#AEA2AF
#ADA3AE
#ACA4AD
#ABA5AC

Hues

#B29DB4
#B49DA5
#B4A69D
#B0B49D
#9FB49D
#9DB4AC
#9DAAB4
#A19DB4

Color Harmonies

Analogous

#A69DB4
Click to copy
Light Blue
97%
#B39EB5
Click to copy
Pastel purple
100%
#B49DAA
Click to copy
Light Purple
97%

Complementary

#B39EB5
Click to copy
Pastel purple
100%
#9FB49D
Click to copy
Light Green
91%

Split Complementary

#B39EB5
Click to copy
Pastel purple
100%
#AAB49D
Click to copy
Light Yellow
92%
#9DB4A6
Click to copy
Light Green
92%

Triadic

#B39EB5
Click to copy
Pastel purple
100%
#B4B29D
Click to copy
Light Orange
93%
#9DB4B2
Click to copy
Light Cyan
93%

Tetradic

#B39EB5
Click to copy
Pastel purple
100%
#B4A69D
Click to copy
Light Red
94%
#9FB49D
Click to copy
Light Green
91%
#9DAAB4
Click to copy
Light Cyan
94%

Square

#B39EB5
Click to copy
Pastel purple
100%
#B4A69D
Click to copy
Light Red
94%
#9FB49D
Click to copy
Light Green
91%
#9DAAB4
Click to copy
Light Cyan
94%

CSS & Dev Snippets

CSS
.pastel-purple {
  color: #B39EB5;
}
SCSS
$pastel-purple: #B39EB5;
RGB
rgb(179, 158, 181)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags