Maroon Colors  ·  Color Library

Palettes / Colors / #95DFDB

#95DFDB — Light Muted Teal

#95DFDB is a teal color we call Light Muted Teal, closest to the named color SkyBlue (#87CEEB). It belongs to the teal family.

Color name

Closest CSS keyword: skyblue (#87CEEB) — not an exact match. CSS skyblue gives you #87CEEB, a different color; use #95DFDB 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.

#95DFDB is a cool teal color associated with freshness, clarity and balance. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

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

#95DFDB · RGB 149, 223, 219

Download PNG swatch SVG

Color values

HEX#95DFDB
RGB149, 223, 219
HSL177°, 54%, 73%
HSV177°, 33%, 87%
CMYK33%, 0%, 2%, 13%
XYZ51.57, 64.28, 76.71
Yxy64.28, 0.2678, 0.3338
CIE-Lab84.11, -23.71, -5.35
Hunter Lab80.17, -21.55, -5.16

RGB & CMYK percentages

Red 58% · Green 87% · Blue 86%

Cyan 33% · Magenta 0% · Yellow 2% · Key 13%

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

Previews

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

CSS code for #95DFDB

.text { color: #95DFDB; }
.background { background-color: #95DFDB; }
.border { border: 3px solid #95DFDB; }
.text-rgb { color: rgb(149, 223, 219); }
.text-hsl { color: hsl(177, 54%, 73%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #95DFDB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(149, 223, 219, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #95DFDB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(149, 223, 219, 0.8); }

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

Shades of #95DFDB

#79D7D2#5ECFC9#43C7C0#35B1AB#2E9994#267E79#1D625F#154744#0D2B2A#05100F

Tints of #95DFDB

#9DE2DE#A9E5E2#B0E8E5#B8EAE7#C4EDEB#CCF0EE#D4F2F1#DCF4F3#E7F8F7#EFFAFA

Tones of #95DFDB

#9ADAD7#9FD5D2#A5CFCD#AACAC8#B0C4C3#B5C0BF

Color harmonies

Complementary — #DF9599:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.52:1 Fails
Against black text13.86:1 AAA

Best text color on #95DFDB: #000000.

Semi-transparent (opacity) text on #95DFDB

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 #95DFDB: ·

How #95DFDB looks with color blindness

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

Protanopia · #B5B6DCDeuteranopia · #B1ABDCTritanopia · #99DDDD

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 blue 500 · #3B82F6

Palettes with a similar color

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

Palette 161d6f
#161D6F · #0B2F9F · #98DED9 · #C7FFD8
Palette 00235b
#00235B · #E21818 · #FFDD83 · #98DFD6
Palette Ec6530
#EC6530 · #FFAE6E · #FFE3E3 · #8FDDDF
Palette 9be3de
#9BE3DE · #BEEBE9 · #FFFDF9 · #FFE3ED
Palette Ff75a0
#FF75A0 · #FCE38A · #EAFFD0 · #95E1D3
Palette 9ddcdc
#9DDCDC · #FFF4E1 · #FFEBB7 · #E67A7A

Similar colors

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

#98DED9#98DFD6#8FDDDF#9BE3DE#95E1D3#9DDCDC#9DDCDF#96E8D8#95E8D7#98E8DE#97E7E1#8BDFDD

Browse neighbouring colors

← #95DFDA  ·  #95DFDC →

Frequently asked questions

What color is #95DFDB?

#95DFDB is Light Muted Teal, a teal color (RGB 149, 223, 219). Its closest standard named color is SkyBlue.

What is the RGB and HSL of #95DFDB?

#95DFDB is RGB 149, 223, 219 — HSL 177°, 54%, 73% — CMYK 33%, 0%, 2%, 13%.

What colors go with #95DFDB?

Its complement is #DF9599; analogous partners are #95DFB6 and #95BEDF. It also appears in 6+ palettes in our collection.

Can I use #95DFDB for text?

Black text on #95DFDB has a contrast ratio of 13.86:1 (passes WCAG AA); white text gives 1.52:1.