Maroon Colors  ·  Color Library

Palettes / Colors / #BEEBBE

#BEEBBE — Pale Muted Green

#BEEBBE is a green color we call Pale Muted Green, closest to the named color Silver (#C0C0C0). It belongs to the green family.

Color name

Closest CSS keyword: silver (#C0C0C0) — not an exact match. CSS silver gives you #C0C0C0, a different color; use #BEEBBE when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#BEEBBE is a warm-leaning green color associated with growth, calm and balance. It is light enough to work as a background or base color, with darker text on top.

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

#BEEBBE · RGB 190, 235, 190

Download PNG swatch SVG

Color values

HEX#BEEBBE
RGB190, 235, 190
HSL120°, 53%, 83%
HSV120°, 19%, 92%
CMYK19%, 0%, 19%, 8%
XYZ60.24, 74.08, 59.84
Yxy74.08, 0.3103, 0.3816
CIE-Lab88.96, -22.93, 17.15
Hunter Lab86.07, -21.44, 14.90

RGB & CMYK percentages

Red 75% · Green 92% · Blue 75%

Cyan 19% · Magenta 0% · Yellow 19% · Key 8%

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

Previews

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

CSS code for #BEEBBE

.text { color: #BEEBBE; }
.background { background-color: #BEEBBE; }
.border { border: 3px solid #BEEBBE; }
.text-rgb { color: rgb(190, 235, 190); }
.text-hsl { color: hsl(120, 53%, 83%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #BEEBBE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(190, 235, 190, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #BEEBBE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(190, 235, 190, 0.8); }

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

Shades of #BEEBBE

#9DE19D#7ED77E#5FCE5F#40C440#35AC35#2B8C2B#226D22#184E18#0E2F0E#051005

Tints of #BEEBBE

#C1ECC1#C8EEC8#CCEFCC#D0F1D0#D8F3D8#DCF4DC#E0F5E0#E4F7E4#EBF9EB#EFFAEF

Tones of #BEEBBE

#C0E7C0#C3E4C3#C7E1C7#CADECA#CDDACD#D0D7D0

Color harmonies

Complementary — #EBBDEB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.33:1 Fails
Against black text15.82:1 AAA

Best text color on #BEEBBE: #000000.

Semi-transparent (opacity) text on #BEEBBE

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #BEEBBE: ·

How #BEEBBE looks with color blindness

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

Protanopia · #D1D2C9Deuteranopia · #CFCCCCTritanopia · #C0D1D3

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:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9EMaterial Light Green 500 · #8BC34A

Palettes with a similar color

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

Frozen Solace
#F0F0C2 · #BEEABA · #D3F6F0 · #B2C0EA
Vivid Ruby Mosaic
#C1ECC1 · #67D167 · #36C936 · #1F701F
Lucky Mirage
#1DB92B · #2F1FC9 · #D03120 · #B9ECC1
Velvet Ruby Mosaic
#158E27 · #5841E2 · #E56A56 · #C0EFC3
Royal Ember
#F2C4EE · #ECAFAC · #F4F4DF · #BDF1BB
Gentle Ruby Summit
#BAEFC2 · #BAECEF · #ABADEF · #E5AFEC

Similar colors

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

#BEEABA#C1ECC1#B9ECC1#C0EFC3#BDF1BB#BAEFC2#B7EABE#C4E6BC#BDE3C3#C7EABB#BAE2BE#B5ECC2

Browse neighbouring colors

← #BEEBBD  ·  #BEEBBF →

Frequently asked questions

What color is #BEEBBE?

#BEEBBE is Pale Muted Green, a green color (RGB 190, 235, 190). Its closest standard named color is Silver.

What is the RGB and HSL of #BEEBBE?

#BEEBBE is RGB 190, 235, 190 — HSL 120°, 53%, 83% — CMYK 19%, 0%, 19%, 8%.

What colors go with #BEEBBE?

Its complement is #EBBDEB; analogous partners are #D4EBBD and #BDEBD4. It also appears in 6+ palettes in our collection.

Can I use #BEEBBE for text?

Black text on #BEEBBE has a contrast ratio of 15.82:1 (passes WCAG AA); white text gives 1.33:1.