#148689

#148689

Color Values

HEX

#148689

RGB

20, 134, 137

HSL

181.5, 74.5%, 30.8%

HSV

181.5, 85.4%, 53.7%

CMYK

85.4%, 2.2%, 0.0%, 46.3%

OKLCH

0.5645 0.092 197.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148689

#891714

Analogous

#148951

#144C89

#148689

Triadic

#148689

#891486

#868914

Split Complementary

#148689

#89144C

#895114

Tetradic

#148689

#511489

#891714

#4C8914

Color Blindness Simulation

Original

#148689

Protanopia

#454688

Deuteranopia

#3F3688

Tritanopia

#1A8888

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F6
300
#94EDEF
400
#5AE3E7
500
#21DADE
600
#1AAEB2
700
#158B8E
800
#106D6F
900
#104F51
950
#0A3233

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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