#149B98

#149B98

Color Values

HEX

#149B98

RGB

20, 155, 152

HSL

178.7, 77.1%, 34.3%

HSV

178.7, 87.1%, 60.8%

CMYK

87.1%, 0.0%, 1.9%, 39.2%

OKLCH

0.6247 0.1039 192.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#149B98

#9B1417

Analogous

#149B55

#145A9B

#149B98

Triadic

#149B98

#98149B

#9B9814

Split Complementary

#149B98

#9B145A

#9B5514

Tetradic

#149B98

#55149B

#9B1417

#5A9B14

Color Blindness Simulation

Original

#149B98

Protanopia

#4E5099

Deuteranopia

#473C99

Tritanopia

#1B9999

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F6
300
#93F1EF
400
#58E9E6
500
#1DE2DE
600
#17B5B1
700
#13918E
800
#0F716F
900
#0F5251
950
#093433

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.17: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