#01BAFE

#01BAFE

Color Values

HEX

#01BAFE

RGB

1, 186, 254

HSL

196,1, 99,2%, 50,0%

HSV

196,1, 99,6%, 99,6%

CMYK

99,6%, 26,8%, 0,0%, 0,4%

OKLCH

0,7434 0,1553 233,9

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#01BAFE

#FE4501

Analogous

#01FEC3

#013CFE

#01BAFE

Triadic

#01BAFE

#FE01BA

#BAFE01

Split Complementary

#01BAFE

#FE013C

#FEC301

Tetradic

#01BAFE

#C301FE

#FE4501

#3CFE01

Color Blindness Simulation

Original

#01BAFE

Protanopia

#5153EE

Deuteranopia

#4638EA

Tritanopia

#0AE1DE

Achromatopsia

#989898

CSS Usage

background-color: #01BAFE;
color: #01BAFE;
border-color: #01BAFE;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8ECFF
300
#85DEFF
400
#43CCFE
500
#01BAFE
600
#0195CB
700
#0177A3
800
#015D7F
900
#05445C
950
#032B3A

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,46: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