#149296

#149296

Color Values

HEX

#149296

RGB

20, 146, 150

HSL

181.8, 76.5%, 33.3%

HSV

181.8, 86.7%, 58.8%

CMYK

86.7%, 2.7%, 0.0%, 41.2%

OKLCH

0.6007 0.0986 198.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#149296

#961814

Analogous

#149659

#145196

#149296

Triadic

#149296

#961492

#929614

Split Complementary

#149296

#961451

#965914

Tetradic

#149296

#591496

#961814

#519614

Color Blindness Simulation

Original

#149296

Protanopia

#4B4C95

Deuteranopia

#433A95

Tritanopia

#1A9494

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F5F7
300
#93EEF1
400
#58E4E9
500
#1EDBE1
600
#18AFB4
700
#138C90
800
#0F6E71
900
#0F5052
950
#0A3234

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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