#148690

#148690

Color Values

HEX

#148690

RGB

20, 134, 144

HSL

184.8, 75.6%, 32.2%

HSV

184.8, 86.1%, 56.5%

CMYK

86.1%, 6.9%, 0.0%, 43.5%

OKLCH

0.5672 0.0928 204.5

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148690

#901E14

Analogous

#14905C

#144890

#148690

Triadic

#148690

#901486

#869014

Split Complementary

#148690

#901448

#905C14

Tetradic

#148690

#5C1490

#901E14

#489014

Color Blindness Simulation

Original

#148690

Protanopia

#45468E

Deuteranopia

#3F368D

Tritanopia

#1A8C8B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F7F9
200
#C0F2F6
300
#94E9F0
400
#59DDE8
500
#1FD0E0
600
#19A7B3
700
#14858F
800
#106870
900
#0F4C51
950
#0A3033

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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