#1E9DA3

#1E9DA3

Color Values

HEX

#1E9DA3

RGB

30, 157, 163

HSL

182.7, 68.9%, 37.8%

HSV

182.7, 81.6%, 63.9%

CMYK

81.6%, 3.7%, 0.0%, 36.1%

OKLCH

0.6352 0.1021 200.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1E9DA3

#A3241E

Analogous

#1EA366

#1E5AA3

#1E9DA3

Triadic

#1E9DA3

#A31E9D

#9DA31E

Split Complementary

#1E9DA3

#A31E5A

#A3661E

Tetradic

#1E9DA3

#661EA3

#A3241E

#5AA31E

Color Blindness Simulation

Original

#1E9DA3

Protanopia

#5556A2

Deuteranopia

#4E44A1

Tritanopia

#24A0A0

Achromatopsia

#828282

CSS Usage

background-color: #1E9DA3;
color: #1E9DA3;
border-color: #1E9DA3;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFC
100
#E3F7F8
200
#C3F2F4
300
#98E8EC
400
#60DCE2
500
#28CFD7
600
#20A6AC
700
#19858A
800
#14686C
900
#124C4E
950
#0C3032

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.41:1

AA Pass AAA Fail

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