#1EB5BA

#1EB5BA

Color Values

HEX

#1EB5BA

RGB

30, 181, 186

HSL

181,9, 72,2%, 42,4%

HSV

181,9, 83,9%, 72,9%

CMYK

83,9%, 2,7%, 0,0%, 27,1%

OKLCH

0,7041 0,115 198,5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#1EB5BA

#BA231E

Analogous

#1EBA71

#1E67BA

#1EB5BA

Triadic

#1EB5BA

#BA1EB5

#B5BA1E

Split Complementary

#1EB5BA

#BA1E67

#BA711E

Tetradic

#1EB5BA

#711EBA

#BA231E

#67BA1E

Color Blindness Simulation

Original

#1EB5BA

Protanopia

#5F61B9

Deuteranopia

#574BB8

Tritanopia

#26B8B8

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#96EBEE
400
#5DE0E5
500
#23D6DC
600
#1CABB0
700
#17898D
800
#126B6E
900
#114E50
950
#0B3132

Contrast Checker

Text on white

2,51:1

AA Fail AAA Fail

Text on black

8,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026