#148583

#148583

Color Values

HEX

#148583

RGB

20, 133, 131

HSL

178.9, 73.9%, 30.0%

HSV

178.9, 85.0%, 52.2%

CMYK

85.0%, 0.0%, 1.5%, 47.8%

OKLCH

0.5596 0.0918 192.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#148583

#851416

Analogous

#14854A

#144F85

#148583

Triadic

#148583

#831485

#858314

Split Complementary

#148583

#85144F

#854A14

Tetradic

#148583

#4A1485

#851416

#4F8514

Color Blindness Simulation

Original

#148583

Protanopia

#454683

Deuteranopia

#3E3684

Tritanopia

#1A8484

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F6F5
300
#95EFED
400
#5BE6E4
500
#21DEDA
600
#1BB1AF
700
#158E8C
800
#116F6D
900
#10514F
950
#0A3332

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026