#149B93

#149B93

Color Values

HEX

#149B93

RGB

20, 155, 147

HSL

176.4, 77.1%, 34.3%

HSV

176.4, 87.1%, 60.8%

CMYK

87.1%, 0.0%, 5.2%, 39.2%

OKLCH

0.623 0.1049 188.2

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#149B93

#9B141C

Analogous

#149B4F

#14609B

#149B93

Triadic

#149B93

#93149B

#9B9314

Split Complementary

#149B93

#9B1460

#9B4F14

Tetradic

#149B93

#4F149B

#9B141C

#609B14

Color Blindness Simulation

Original

#149B93

Protanopia

#4E5095

Deuteranopia

#473C95

Tritanopia

#1B9697

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F7
200
#C0F7F4
300
#93F1EB
400
#58E9E1
500
#1DE2D6
600
#17B5AB
700
#139189
800
#0F716B
900
#0F524E
950
#093431

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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