#148F90

#148F90

Color Values

HEX

#148F90

RGB

20, 143, 144

HSL

180.5, 75.6%, 32.2%

HSV

180.5, 86.1%, 56.5%

CMYK

86.1%, 0.7%, 0.0%, 43.5%

OKLCH

0.5907 0.097 195.7

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#148F90

#901514

Analogous

#149053

#145190

#148F90

Triadic

#148F90

#90148F

#8F9014

Split Complementary

#148F90

#901451

#905314

Tetradic

#148F90

#531490

#901514

#519014

Color Blindness Simulation

Original

#148F90

Protanopia

#494A90

Deuteranopia

#423990

Tritanopia

#1A9090

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F6F6
300
#94EFF0
400
#59E7E8
500
#1FDEE0
600
#19B2B3
700
#148E8F
800
#106F70
900
#0F5151
950
#0A3333

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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