Maroon Colors  ·  Color Library

Palettes / Colors / #8EEAEC

#8EEAEC — Light Teal

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

#8EEAEC is a cool teal color associated with freshness, clarity and balance. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

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

#8EEAEC · RGB 142, 234, 236

Download PNG swatch SVG

Color values

HEX#8EEAEC
RGB142, 234, 236
HSL181°, 71%, 74%
HSV181°, 40%, 93%
CMYK40%, 1%, 0%, 7%
XYZ55.72, 70.65, 90.06
Yxy70.65, 0.2574, 0.3264
CIE-Lab87.32, -26.86, -9.61
Hunter Lab84.06, -24.67, -9.62

RGB & CMYK percentages

Red 56% · Green 92% · Blue 93%

Cyan 40% · Magenta 1% · Yellow 0% · Key 7%

Previews

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

CSS code for #8EEAEC

.text { color: #8EEAEC; }
.background { background-color: #8EEAEC; }
.border { border: 3px solid #8EEAEC; }
.text-rgb { color: rgb(142, 234, 236); }
.text-hsl { color: hsl(181, 71%, 74%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #8EEAEC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(142, 234, 236, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #8EEAEC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(142, 234, 236, 0.8); }

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

Shades of #8EEAEC

#6FE5E7#51DFE1#32D9DC#22C6C9#1DA8AA#188A8C#126C6D#0D4D4E#082F30#031111

Tints of #8EEAEC

#96ECED#9FEDEF#ACF0F1#B5F1F2#BEF3F4#C6F5F5#CFF6F7#DCF9F9#E5FAFB#EEFCFC

Tones of #8EEAEC

#94E4E5#9BDDDF#A2D7D8#A9D0D1#AFCACA#B6C3C3

Color harmonies

Complementary — #EC8F8E:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.39:1 Fails
Against black text15.13:1 AAA

Best text color on #8EEAEC: #000000.

How #8EEAEC looks with color blindness

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

Protanopia · #B6B7ECDeuteranopia · #B1AAEBTritanopia · #93EBEB

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 · #9E9E9EBootstrap info · #0DCAF0

Palettes with #8EEAEC or a close neighbour

Scarlet Ruby Marble
#C91121 · #F15A6F · #2BEDDC · #92EAEF
Vintage Ember
#0C337E · #2F87B0 · #41EEE6 · #95EBE9
Royal Ruby Lagoon
#1F3D67 · #1299CF · #49D2D3 · #93E3ED
Burning Breeze
#165D58 · #2467BA · #6ED2C9 · #8DF1F1
Tender Garden
#124563 · #2C978E · #497CDB · #97E3ED
Palette 88e0ef
#88E0EF · #161E54 · #FF5151 · #FF9B6A

Similar colors

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

#92EAEF#95EBE9#93E3ED#8DF1F1#97E3ED#88E0EF#97E2F1#8BE3E1#85EBE2#8EF6E4#97E7E1#9AE3E5

Browse neighbouring colors

← #8EEAEB  ·  #8EEAED →

Frequently asked questions

What color is #8EEAEC?

#8EEAEC is Light Teal, a teal color (RGB 142, 234, 236). Its closest standard named color is SkyBlue.

What is the RGB and HSL of #8EEAEC?

#8EEAEC is RGB 142, 234, 236 — HSL 181°, 71%, 74% — CMYK 40%, 1%, 0%, 7%.

What colors go with #8EEAEC?

Its complement is #EC8F8E; analogous partners are #8EECBE and #8EBBEC. It also appears in 6+ palettes in our collection.

Can I use #8EEAEC for text?

Black text on #8EEAEC has a contrast ratio of 15.13:1 (passes WCAG AA); white text gives 1.39:1.