#148388

#148388

Color Values

HEX

#148388

RGB

20, 131, 136

HSL

182.6, 74.4%, 30.6%

HSV

182.6, 85.3%, 53.3%

CMYK

85.3%, 3.7%, 0.0%, 46.7%

OKLCH

0.5562 0.0904 199.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148388

#881914

Analogous

#148853

#144988

#148388

Triadic

#148388

#881483

#838814

Split Complementary

#148388

#881449

#885314

Tetradic

#148388

#531488

#881914

#498814

Color Blindness Simulation

Original

#148388

Protanopia

#444587

Deuteranopia

#3E3586

Tritanopia

#1A8686

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F4F6
300
#94EBEF
400
#5AE1E7
500
#21D6DE
600
#1AABB2
700
#15898E
800
#106B6F
900
#104E51
950
#0A3133

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

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