#189497

#189497

Color Values

HEX

#189497

RGB

24, 148, 151

HSL

181.4, 72.6%, 34.3%

HSV

181.4, 84.1%, 59.2%

CMYK

84.1%, 2.0%, 0.0%, 40.8%

OKLCH

0.6068 0.0987 197.5

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#189497

#971B18

Analogous

#18975A

#185597

#189497

Triadic

#189497

#971894

#949718

Split Complementary

#189497

#971855

#975A18

Tetradic

#189497

#5A1897

#971B18

#559718

Color Blindness Simulation

Original

#189497

Protanopia

#4E4F96

Deuteranopia

#463D96

Tritanopia

#1E9696

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F4F5
300
#95ECEE
400
#5CE2E5
500
#23D8DC
600
#1CADB0
700
#168A8D
800
#116C6E
900
#114F50
950
#0B3233

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026