#1E9DA2

#1E9DA2

Color Values

HEX

#1E9DA2

RGB

30, 157, 162

HSL

182,3, 68,7%, 37,6%

HSV

182,3, 81,5%, 63,5%

CMYK

81,5%, 3,1%, 0,0%, 36,5%

OKLCH

0,6349 0,1021 199,1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1E9DA2

#A2231E

Analogous

#1EA265

#1E5BA2

#1E9DA2

Triadic

#1E9DA2

#A21E9D

#9DA21E

Split Complementary

#1E9DA2

#A21E5B

#A2651E

Tetradic

#1E9DA2

#651EA2

#A2231E

#5BA21E

Color Blindness Simulation

Original

#1E9DA2

Protanopia

#5556A1

Deuteranopia

#4E44A0

Tritanopia

#24A0A0

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F8
200
#C3F2F4
300
#98E9EC
400
#60DCE1
500
#28D0D7
600
#20A7AC
700
#1A858A
800
#14686C
900
#124C4E
950
#0C3032

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,4: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