#19898C

#19898C

Color Values

HEX

#19898C

RGB

25, 137, 140

HSL

181.6, 69.7%, 32.4%

HSV

181.6, 82.1%, 54.9%

CMYK

82.1%, 2.1%, 0.0%, 45.1%

OKLCH

0.5742 0.0923 197.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#19898C

#8C1C19

Analogous

#198C56

#19508C

#19898C

Triadic

#19898C

#8C1989

#898C19

Split Complementary

#19898C

#8C1950

#8C5619

Tetradic

#19898C

#56198C

#8C1C19

#508C19

Color Blindness Simulation

Original

#19898C

Protanopia

#4A4A8B

Deuteranopia

#433B8B

Tritanopia

#1F8B8B

Achromatopsia

#717171

CSS Usage

background-color: #19898C;
color: #19898C;
border-color: #19898C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E3F7F8
200
#C2F3F4
300
#97EAEC
400
#5FDFE2
500
#27D4D8
600
#1FA9AD
700
#19878A
800
#136A6C
900
#124D4F
950
#0B3132

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass AAA Fail

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