#148C94

#148C94

Color Values

HEX

#148C94

RGB

20, 140, 148

HSL

183.8, 76.2%, 32.9%

HSV

183.8, 86.5%, 58.0%

CMYK

86.5%, 5.4%, 0.0%, 42.0%

OKLCH

0.5844 0.0957 202.2

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148C94

#941C14

Analogous

#14945C

#144C94

#148C94

Triadic

#148C94

#94148C

#8C9414

Split Complementary

#148C94

#94144C

#945C14

Tetradic

#148C94

#5C1494

#941C14

#4C9414

Color Blindness Simulation

Original

#148C94

Protanopia

#484992

Deuteranopia

#413892

Tritanopia

#1A9190

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F7
300
#93EBF0
400
#59DFE9
500
#1ED4E1
600
#18AAB4
700
#138890
800
#0F6A70
900
#0F4D52
950
#0A3134

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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