Maroon Colors  ·  Color Library

Palettes / Colors / #88ECE2

#88ECE2 — Light Teal

#88ECE2 is a teal color we call Light Teal, closest to the named color Aquamarine (#7FFFD4). It belongs to the teal family.

#88ECE2 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 #EC8992; it also sits naturally between #89ECB0 and #89C4EC. In the palettes below you can see it working alongside real color combinations from our collection.

#88ECE2 · RGB 136, 236, 226

Download PNG swatch SVG

Color values

HEX#88ECE2
RGB136, 236, 226
HSL174°, 72%, 73%
HSV174°, 42%, 93%
CMYK42%, 0%, 4%, 7%
XYZ53.88, 70.72, 82.76
Yxy70.72, 0.2598, 0.3410
CIE-Lab87.35, -31.66, -4.34
Hunter Lab84.09, -28.76, -4.22

RGB & CMYK percentages

Red 53% · Green 93% · Blue 89%

Cyan 42% · Magenta 0% · Yellow 4% · Key 7%

Previews

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

CSS code for #88ECE2

.text { color: #88ECE2; }
.background { background-color: #88ECE2; }
.border { border: 3px solid #88ECE2; }
.text-rgb { color: rgb(136, 236, 226); }
.text-hsl { color: hsl(174, 72%, 73%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #88ECE2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(136, 236, 226, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #88ECE2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(136, 236, 226, 0.8); }

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

Shades of #88ECE2

#6AE7DA#4BE2D3#2CDDCB#20C5B5#1CAB9D#178C81#126E64#0D4F48#08302C#031210

Tints of #88ECE2

#91EDE4#9FEFE7#A7F1E9#B0F2EC#BDF4EF#C6F6F1#CFF7F3#D8F9F5#E5FBF9#EDFCFB

Tones of #88ECE2

#8FE5DC#97DDD6#9ED6D1#A5CFCB#ACC9C6#B3C1C0

Color harmonies

Complementary — #EC8992:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #88ECE2: #000000.

How #88ECE2 looks with color blindness

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

Protanopia · #B3B4E4Deuteranopia · #AEA6E5Tritanopia · #8DE6E7

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

Palettes with #88ECE2 or a close neighbour

Crystal Opal
#85EBE2 · #38E6D7 · #1BA297 · #187C74
Palette 8be3e1
#8BE3E1 · #D3F7AD · #95BB76 · #97935C
Palette 8ef6e4
#8EF6E4 · #9896F1 · #D59BF6 · #EDB1F1
Palette Fff6de
#FFF6DE · #8BDFDD · #F48F68 · #FFE394
Vintage Ember
#0C337E · #2F87B0 · #41EEE6 · #95EBE9
Palette F8f6e3
#F8F6E3 · #97E7E1 · #6AD4DD · #7AA2E3

Similar colors

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

#85EBE2#8BE3E1#8EF6E4#8BDFDD#95EBE9#97E7E1#92EAEF#8DF1F1#8FDDDF#98E8DE#95E8D7#96E8D8

Browse neighbouring colors

← #88ECE1  ·  #88ECE3 →

Frequently asked questions

What color is #88ECE2?

#88ECE2 is Light Teal, a teal color (RGB 136, 236, 226). Its closest standard named color is Aquamarine.

What is the RGB and HSL of #88ECE2?

#88ECE2 is RGB 136, 236, 226 — HSL 174°, 72%, 73% — CMYK 42%, 0%, 4%, 7%.

What colors go with #88ECE2?

Its complement is #EC8992; analogous partners are #89ECB0 and #89C4EC. It also appears in 6+ palettes in our collection.

Can I use #88ECE2 for text?

Black text on #88ECE2 has a contrast ratio of 15.14:1 (passes WCAG AA); white text gives 1.39:1.