#01868C

#01868C

Color Values

HEX

#01868C

RGB

1, 134, 140

HSL

182.6, 98.6%, 27.6%

HSV

182.6, 99.3%, 54.9%

CMYK

99.3%, 4.3%, 0.0%, 45.1%

OKLCH

0.5638 0.0957 200.4

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#01868C

#8C0701

Analogous

#018C4C

#01408C

#01868C

Triadic

#01868C

#8C0186

#868C01

Split Complementary

#01868C

#8C0140

#8C4C01

Tetradic

#01868C

#4C018C

#8C0701

#408C01

Color Blindness Simulation

Original

#01868C

Protanopia

#3B3C8B

Deuteranopia

#33298A

Tritanopia

#088989

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FBFF
300
#85F9FE
400
#44F6FE
500
#02F2FD
600
#01C2CB
700
#019BA2
800
#01797F
900
#05585B
950
#03373A

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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