#148685

#148685

Color Values

HEX

#148685

RGB

20, 134, 133

HSL

179.5, 74.0%, 30.2%

HSV

179.5, 85.1%, 52.5%

CMYK

85.1%, 0.0%, 0.7%, 47.5%

OKLCH

0.563 0.0922 193.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#148685

#861415

Analogous

#14864C

#144E86

#148685

Triadic

#148685

#851486

#868514

Split Complementary

#148685

#86144E

#864C14

Tetradic

#148685

#4C1486

#861415

#4E8614

Color Blindness Simulation

Original

#148685

Protanopia

#454685

Deuteranopia

#3F3685

Tritanopia

#1A8585

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F6F5
300
#95EFEE
400
#5BE6E5
500
#21DEDC
600
#1BB1B0
700
#158E8D
800
#116F6E
900
#105150
950
#0A3333

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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