#01BACB

#01BACB

Color Values

HEX

#01BACB

RGB

1, 186, 203

HSL

185.0, 99.0%, 40.0%

HSV

185.0, 99.5%, 79.6%

CMYK

99.5%, 8.4%, 0.0%, 20.4%

OKLCH

0.7207 0.1233 206.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#01BACB

#CB1201

Analogous

#01CB77

#0155CB

#01BACB

Triadic

#01BACB

#CB01BA

#BACB01

Split Complementary

#01BACB

#CB0155

#CB7701

Tetradic

#01BACB

#7701CB

#CB1201

#55CB01

Color Blindness Simulation

Original

#01BACB

Protanopia

#5153C7

Deuteranopia

#4638C6

Tritanopia

#0AC4C3

Achromatopsia

#949494

CSS Usage

background-color: #01BACB;
color: #01BACB;
border-color: #01BACB;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8F9FF
300
#85F4FE
400
#43EEFE
500
#01E9FE
600
#01BACB
700
#0195A2
800
#01747F
900
#05545C
950
#03353A

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

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