#148490

#148490

Color Values

HEX

#148490

RGB

20, 132, 144

HSL

185.8, 75.6%, 32.2%

HSV

185.8, 86.1%, 56.5%

CMYK

86.1%, 8.3%, 0.0%, 43.5%

OKLCH

0.562 0.0922 206.5

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148490

#902014

Analogous

#14905E

#144690

#148490

Triadic

#148490

#901484

#849014

Split Complementary

#148490

#901446

#905E14

Tetradic

#148490

#5E1490

#902014

#469014

Color Blindness Simulation

Original

#148490

Protanopia

#45458D

Deuteranopia

#3E368C

Tritanopia

#1A8B8A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0F1F6
300
#94E7F0
400
#59DAE8
500
#1FCDE0
600
#19A4B3
700
#14838F
800
#106770
900
#0F4B51
950
#0A2F33

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026