#148693

#148693

Color Values

HEX

#148693

RGB

20, 134, 147

HSL

186.1, 76.0%, 32.7%

HSV

186.1, 86.4%, 57.6%

CMYK

86.4%, 8.8%, 0.0%, 42.4%

OKLCH

0.5685 0.0935 207.3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148693

#932114

Analogous

#149360

#144693

#148693

Triadic

#148693

#931486

#869314

Split Complementary

#148693

#931446

#936014

Tetradic

#148693

#601493

#932114

#469314

Color Blindness Simulation

Original

#148693

Protanopia

#454690

Deuteranopia

#3F368F

Tritanopia

#1A8D8D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #148693;
color: #148693;
border-color: #148693;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0F1F6
300
#93E7F0
400
#59DAE8
500
#1FCDE0
600
#18A4B4
700
#148390
800
#0F6670
900
#0F4B52
950
#0A2F34

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026