#148187

#148187

Color Values

HEX

#148187

RGB

20, 129, 135

HSL

183.1, 74.2%, 30.4%

HSV

183.1, 85.2%, 52.9%

CMYK

85.2%, 4.4%, 0.0%, 47.1%

OKLCH

0.5505 0.0894 200.9

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#148187

#871A14

Analogous

#148753

#144887

#148187

Triadic

#148187

#871481

#818714

Split Complementary

#148187

#871448

#875314

Tetradic

#148187

#531487

#871A14

#488714

Color Blindness Simulation

Original

#148187

Protanopia

#434486

Deuteranopia

#3D3585

Tritanopia

#198484

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C1F3F6
300
#94EBEF
400
#5BDFE7
500
#21D4DE
600
#1AAAB2
700
#15888E
800
#106A6F
900
#104D51
950
#0A3133

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

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