Maroon Colors  ·  Color Library

Palettes / Colors / #95DDDF

#95DDDF — Light Muted Teal

#95DDDF 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 #95DDDF 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.

#95DDDF 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 #DF9795; it also sits naturally between #95DFBD and #95B8DF. In the palettes below you can see it working alongside real color combinations from our collection.

#95DDDF · RGB 149, 221, 223

Download PNG swatch SVG

Color values

HEX#95DDDF
RGB149, 221, 223
HSL182°, 54%, 73%
HSV182°, 33%, 87%
CMYK33%, 1%, 0%, 13%
XYZ51.57, 63.43, 79.34
Yxy63.43, 0.2654, 0.3264
CIE-Lab83.67, -21.80, -8.13
Hunter Lab79.64, -19.85, -7.94

RGB & CMYK percentages

Red 58% · Green 87% · Blue 87%

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

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

Previews

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

CSS code for #95DDDF

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

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

Shades of #95DDDF

#79D4D7#5ECBCF#43C2C7#35ADB1#2E9699#267B7E#1D6062#154547#0D2A2B#050F10

Tints of #95DDDF

#9DDFE2#A9E3E5#B0E6E8#B8E8EA#C4ECED#CCEFF0#D4F1F2#DCF4F4#E7F7F8#EFFAFA

Tones of #95DDDF

#9AD8DA#9FD3D5#A5CECF#AAC9CA#B0C4C4#B5BFC0

Color harmonies

Complementary — #DF9795:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.53:1 Fails
Against black text13.69:1 AAA

Best text color on #95DDDF: #000000.

Semi-transparent (opacity) text on #95DDDF

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

How #95DDDF looks with color blindness

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

Protanopia · #B4B5DFDeuteranopia · #B0ABDETritanopia · #99DEDE

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 #95DDDF rather than the exact color:

Palette Ec6530
#EC6530 · #FFAE6E · #FFE3E3 · #8FDDDF
Palette 161d6f
#161D6F · #0B2F9F · #98DED9 · #C7FFD8
Gentle Meadow
#69A835 · #71D576 · #3DAB79 · #9DDCDF
Palette 82aae3
#82AAE3 · #91D8E4 · #BFEAF5 · #EAFDFC
Palette 99e1e5
#99E1E5 · #F3E8CB · #F2C6B4 · #FBAFAF
Palette 9be3de
#9BE3DE · #BEEBE9 · #FFFDF9 · #FFE3ED

Similar colors

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

#8FDDDF#98DED9#9DDCDF#91D8E4#99E1E5#9BE3DE#9DDCDC#8FD6E1#98DFD6#9AE3E5#97DDE9#8BDFDD

Browse neighbouring colors

← #95DDDE  ·  #95DDE0 →

Frequently asked questions

What color is #95DDDF?

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

What is the RGB and HSL of #95DDDF?

#95DDDF is RGB 149, 221, 223 — HSL 182°, 54%, 73% — CMYK 33%, 1%, 0%, 13%.

What colors go with #95DDDF?

Its complement is #DF9795; analogous partners are #95DFBD and #95B8DF. It also appears in 6+ palettes in our collection.

Can I use #95DDDF for text?

Black text on #95DDDF has a contrast ratio of 13.69:1 (passes WCAG AA); white text gives 1.53:1.