#01ABFE

#01ABFE

Color Values

HEX

#01ABFE

RGB

1, 171, 254

HSL

199,7, 99,2%, 50,0%

HSV

199,7, 99,6%, 99,6%

CMYK

99,6%, 32,7%, 0,0%, 0,4%

OKLCH

0,709 0,166 241,3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#01ABFE

#FE5401

Analogous

#01FED3

#012CFE

#01ABFE

Triadic

#01ABFE

#FE01AB

#ABFE01

Split Complementary

#01ABFE

#FE012C

#FED301

Tetradic

#01ABFE

#D301FE

#FE5401

#2CFE01

Color Blindness Simulation

Original

#01ABFE

Protanopia

#4B4CEA

Deuteranopia

#4134E5

Tritanopia

#0ADAD7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #01ABFE;
color: #01ABFE;
border-color: #01ABFE;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E7FF
300
#85D7FF
400
#43C1FE
500
#01ABFE
600
#0189CB
700
#016DA3
800
#01557F
900
#053F5C
950
#03283A

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026