Maroon Colors  ·  Color Library

Palettes / Colors / #76D2DB

#76D2DB — Light Teal

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

#76D2DB 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 #DB7E76; it also sits naturally between #76DBB1 and #76A0DB. In the palettes below you can see it working alongside real color combinations from our collection.

#76D2DB · RGB 118, 210, 219

Download PNG swatch SVG

Color values

HEX#76D2DB
RGB118, 210, 219
HSL185°, 58%, 66%
HSV185°, 46%, 86%
CMYK46%, 4%, 0%, 14%
XYZ43.30, 55.06, 75.36
Yxy55.06, 0.2493, 0.3169
CIE-Lab79.08, -25.07, -12.99
Hunter Lab74.20, -22.06, -12.79

RGB & CMYK percentages

Red 46% · Green 82% · Blue 86%

Cyan 46% · Magenta 4% · Yellow 0% · Key 14%

Previews

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

CSS code for #76D2DB

.text { color: #76D2DB; }
.background { background-color: #76D2DB; }
.border { border: 3px solid #76D2DB; }
.text-rgb { color: rgb(118, 210, 219); }
.text-hsl { color: hsl(185, 58%, 66%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #76D2DB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(118, 210, 219, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #76D2DB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(118, 210, 219, 0.8); }

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

Shades of #76D2DB

#5ECAD4#46C2CE#32B2BD#2C9BA5#25848D#1F6E75#19575D#113D40#0B2628#040F10

Tints of #76D2DB

#82D6DE#8EDAE1#9ADEE4#A6E2E7#B2E6EB#BFEAEE#CBEEF1#D7F2F4#E3F6F8#EFFAFB

Tones of #76D2DB

#7DCCD4#85C6CC#8CC0C5#93BABE#9AB5B7#A1AEAF

Color harmonies

Complementary — #DB7E76:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.75:1 Fails
Against black text12.01:1 AAA

Best text color on #76D2DB: #000000.

How #76D2DB looks with color blindness

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

Protanopia · #9E9FD9Deuteranopia · #9992D8Tritanopia · #7BD7D7

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 · #9E9E9ETailwind blue 500 · #3B82F6Material Blue 500 · #2196F3

Palettes with #76D2DB

Palette F7f6e5
#F7F6E5 · #76D2DB · #DA4848 · #36064D
Frozen Ruby Mirage
#163B5C · #0D389E · #71D4D8 · #93B1EF
Vintage Ruby Ember
#90DDB5 · #78CCD6 · #5174D9 · #5F32AD
Palette 093c5d
#093C5D · #3B7597 · #6FD1D7 · #5DF8D8
Honey Zephyr
#44A71D · #2EBD49 · #199E72 · #6FCADA
Tranquil Lagoon
#266781 · #6ED0D4 · #C6653E · #E9D4C6

Similar colors

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

#71D4D8#78CCD6#6FD1D7#6FCADA#6ED0D4#72D9D3#6AD4DD#80D4D3#6EDCD9#81CADA#73C8D2#7FC7D9

Browse neighbouring colors

← #76D2DA  ·  #76D2DC →

Frequently asked questions

What color is #76D2DB?

#76D2DB is Light Teal, a teal color (RGB 118, 210, 219). Its closest standard named color is SkyBlue.

What is the RGB and HSL of #76D2DB?

#76D2DB is RGB 118, 210, 219 — HSL 185°, 58%, 66% — CMYK 46%, 4%, 0%, 14%.

What colors go with #76D2DB?

Its complement is #DB7E76; analogous partners are #76DBB1 and #76A0DB. It also appears in 6+ palettes in our collection.

Can I use #76D2DB for text?

Black text on #76D2DB has a contrast ratio of 12.01:1 (passes WCAG AA); white text gives 1.75:1.