#01878C

#01878C

Color Values

HEX

#01878C

RGB

1, 135, 140

HSL

182.2, 98.6%, 27.6%

HSV

182.2, 99.3%, 54.9%

CMYK

99.3%, 3.6%, 0.0%, 45.1%

OKLCH

0.5664 0.0961 199.4

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#01878C

#8C0601

Analogous

#018C4B

#01418C

#01878C

Triadic

#01878C

#8C0187

#878C01

Split Complementary

#01878C

#8C0141

#8C4B01

Tetradic

#01878C

#4B018C

#8C0601

#418C01

Color Blindness Simulation

Original

#01878C

Protanopia

#3B3C8B

Deuteranopia

#33298A

Tritanopia

#088A8A

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FCFF
300
#85FAFE
400
#44F7FE
500
#02F4FD
600
#01C3CB
700
#019CA2
800
#017A7F
900
#05585B
950
#03383A

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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