#148990

#148990

Color Values

HEX

#148990

RGB

20, 137, 144

HSL

183.4, 75.6%, 32.2%

HSV

183.4, 86.1%, 56.5%

CMYK

86.1%, 4.9%, 0.0%, 43.5%

OKLCH

0.575 0.0939 201.5

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148990

#901B14

Analogous

#149059

#144B90

#148990

Triadic

#148990

#901489

#899014

Split Complementary

#148990

#90144B

#905914

Tetradic

#148990

#591490

#901B14

#4B9014

Color Blindness Simulation

Original

#148990

Protanopia

#47488E

Deuteranopia

#40378E

Tritanopia

#1A8D8D

Achromatopsia

#717171

CSS Usage

background-color: #148990;
color: #148990;
border-color: #148990;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F6
300
#94EBF0
400
#59E0E8
500
#1FD5E0
600
#19AAB3
700
#14888F
800
#106A70
900
#0F4E51
950
#0A3133

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026