#1EB5B0

#1EB5B0

Color Values

HEX

#1EB5B0

RGB

30, 181, 176

HSL

178.0, 71.6%, 41.4%

HSV

178.0, 83.4%, 71.0%

CMYK

83.4%, 0.0%, 2.8%, 29.0%

OKLCH

0.7005 0.1157 191.2

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#1EB5B0

#B51E23

Analogous

#1EB565

#1E6FB5

#1EB5B0

Triadic

#1EB5B0

#B01EB5

#B5B01E

Split Complementary

#1EB5B0

#B51E6F

#B5651E

Tetradic

#1EB5B0

#651EB5

#B51E23

#6FB51E

Color Blindness Simulation

Original

#1EB5B0

Protanopia

#5F61B1

Deuteranopia

#574BB2

Tritanopia

#26B2B2

Achromatopsia

#959595

CSS Usage

background-color: #1EB5B0;
color: #1EB5B0;
border-color: #1EB5B0;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C2F5F3
300
#96EEEB
400
#5DE4E0
500
#24DBD5
600
#1DAFAA
700
#178C88
800
#126D6A
900
#11504E
950
#0B3231

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026