#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026