Maroon Colors  ·  Color Library

Palettes / Colors / #91DED2

#91DED2 — Light Muted Teal

#91DED2 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 #91DED2 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.

#91DED2 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 #DE919D; it also sits naturally between #91DEAC and #91C3DE. In the palettes below you can see it working alongside real color combinations from our collection.

#91DED2 · RGB 145, 222, 210

Download PNG swatch SVG

Color values

HEX#91DED2
RGB145, 222, 210
HSL171°, 54%, 72%
HSV171°, 35%, 87%
CMYK35%, 0%, 5%, 13%
XYZ49.43, 62.92, 70.51
Yxy62.92, 0.2703, 0.3441
CIE-Lab83.40, -26.35, -1.66
Hunter Lab79.32, -23.70, -1.56

RGB & CMYK percentages

Red 57% · Green 87% · Blue 82%

Cyan 35% · Magenta 0% · Yellow 5% · Key 13%

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

Previews

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

CSS code for #91DED2

.text { color: #91DED2; }
.background { background-color: #91DED2; }
.border { border: 3px solid #91DED2; }
.text-rgb { color: rgb(145, 222, 210); }
.text-hsl { color: hsl(171, 54%, 72%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #91DED2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(145, 222, 210, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #91DED2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(145, 222, 210, 0.8); }

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

Shades of #91DED2

#76D6C7#5ACEBC#43C7B3#35B19E#2D9586#247A6D#1C5E54#15473F#0D2B27#05100E

Tints of #91DED2

#99E1D6#A5E4DB#ADE6DE#B8EAE2#C0ECE6#C8EFE9#D4F2EE#DCF4F1#E7F8F5#EFFAF9

Tones of #91DED2

#97D8CF#9CD3CB#A1CEC7#A7C8C3#ADC2BF#B2BDBC

Color harmonies

Complementary — #DE919D:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.55:1 Fails
Against black text13.58:1 AAA

Best text color on #91DED2: #000000.

Semi-transparent (opacity) text on #91DED2

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 #91DED2: ·

How #91DED2 looks with color blindness

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

Protanopia · #B2B3D5Deuteranopia · #AEA8D6Tritanopia · #95D7D8

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 · #F8F9FAMaterial Blue Grey 500 · #607D8B

Palettes with a similar color

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

Palette 91ddcf
#91DDCF · #F7F9F2 · #E8C5E5 · #F19ED2
Palette Ff75a0
#FF75A0 · #FCE38A · #EAFFD0 · #95E1D3
Palette 002b5b
#002B5B · #2B4865 · #256D85 · #8FE3CF
Palette 439a97
#439A97 · #62B6B7 · #97DECE · #CBEDD5
Palette 00235b
#00235B · #E21818 · #FFDD83 · #98DFD6
Palette Ecee81
#ECEE81 · #8DDFCB · #82A0D8 · #EDB7ED

Similar colors

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

#91DDCF#95E1D3#8FE3CF#97DECE#98DFD6#8DDFCB#8BD7D1#98DED9#99DDCC#99D8D0#87DBD3#8CD9CA

Browse neighbouring colors

← #91DED1  ·  #91DED3 →

Frequently asked questions

What color is #91DED2?

#91DED2 is Light Muted Teal, a teal color (RGB 145, 222, 210). Its closest standard named color is SkyBlue.

What is the RGB and HSL of #91DED2?

#91DED2 is RGB 145, 222, 210 — HSL 171°, 54%, 72% — CMYK 35%, 0%, 5%, 13%.

What colors go with #91DED2?

Its complement is #DE919D; analogous partners are #91DEAC and #91C3DE. It also appears in 6+ palettes in our collection.

Can I use #91DED2 for text?

Black text on #91DED2 has a contrast ratio of 13.58:1 (passes WCAG AA); white text gives 1.55:1.