Maroon Colors  ·  Color Library

Palettes / Colors / #BEBEE3

#BEBEE3 — Pale Muted Blue

#BEBEE3 is a blue color we call Pale Muted Blue, closest to the named color Thistle (#D8BFD8). It belongs to the blue family.

#BEBEE3 is a cool blue color associated with trust, calm and professionalism. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #E3E3BF; it also sits naturally between #BFD1E3 and #D1BFE3. In the palettes below you can see it working alongside real color combinations from our collection.

#BEBEE3 · RGB 190, 190, 227

Download PNG swatch SVG

Color values

HEX#BEBEE3
RGB190, 190, 227
HSL240°, 40%, 82%
HSV240°, 16%, 89%
CMYK16%, 16%, 0%, 11%
XYZ53.51, 53.32, 80.14
Yxy53.32, 0.2862, 0.2852
CIE-Lab78.06, 7.42, -18.40
Hunter Lab73.02, 7.04, -18.62

RGB & CMYK percentages

Red 75% · Green 75% · Blue 89%

Cyan 16% · Magenta 16% · Yellow 0% · Key 11%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #BEBEE3 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #BEBEE3 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #BEBEE3

.text { color: #BEBEE3; }
.background { background-color: #BEBEE3; }
.border { border: 3px solid #BEBEE3; }
.text-rgb { color: rgb(190, 190, 227); }
.text-hsl { color: hsl(240, 40%, 82%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #BEBEE3; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(190, 190, 227, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #BEBEE3; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(190, 190, 227, 0.8); }

HTML: <p style="color:#BEBEE3">Text here</p> · <div style="background-color:#BEBEE3">Div content here</div>

Shades of #BEBEE3

#A2A2D7#8686CB#6D6DC0#5050B4#42429A#36367D#292960#1F1F47#12122B#06060E

Tints of #BEBEE3

#C2C2E5#C9C9E8#CDCDEA#D4D4ED#D8D8EE#DBDBF0#E2E2F3#E6E6F4#EDEDF7#F1F1F9

Tones of #BEBEE3

#C1C1E1#C4C4DE#C7C7DC#C9C9D9#CCCCD6#CECED4

Color harmonies

Complementary — #E3E3BF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.80:1 Fails
Against black text11.66:1 AAA

Best text color on #BEBEE3: #000000.

How #BEBEE3 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #BEBEDADeuteranopia · #BEBED8Tritanopia · #BED3D1

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EBootstrap light · #F8F9FATailwind purple 500 · #A855F7

Palettes with a similar color

These palettes use a close neighbour of #BEBEE3 rather than the exact color:

Honey Ruby Cinder
#3C2AA5 · #CD4E38 · #2FBA44 · #BEBDE6
Gentle Saffron
#A1A029 · #BBD351 · #3031BE · #BAC1E8
Palette Dff4f3
#DFF4F3 · #DDE7F2 · #B9BBDF · #878ECD
Velvet Ruby Meadow
#30349A · #C54448 · #69CF65 · #BFC5E2
Dusty Ruby Petal
#5631B1 · #C8643B · #5DD27F · #BEB7E1
Palette Ee9494
#EE9494 · #EBFFAF · #B4E8C0 · #C3B9EA

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#BEBDE6#BAC1E8#B9BBDF#BFC5E2#BEB7E1#C3B9EA#B7C6E0#C1C4EC#C8C2DE#C3C9E4#C9B9E4#B4C5E4

Browse neighbouring colors

← #BEBEE2  ·  #BEBEE4 →

Frequently asked questions

What color is #BEBEE3?

#BEBEE3 is Pale Muted Blue, a blue color (RGB 190, 190, 227). Its closest standard named color is Thistle.

What is the RGB and HSL of #BEBEE3?

#BEBEE3 is RGB 190, 190, 227 — HSL 240°, 40%, 82% — CMYK 16%, 16%, 0%, 11%.

What colors go with #BEBEE3?

Its complement is #E3E3BF; analogous partners are #BFD1E3 and #D1BFE3. It also appears in 6+ palettes in our collection.

Can I use #BEBEE3 for text?

Black text on #BEBEE3 has a contrast ratio of 11.66:1 (passes WCAG AA); white text gives 1.80:1.