#016AFE

#016AFE

Color Values

HEX

#016AFE

RGB

1, 106, 254

HSL

215.1, 99.2%, 50.0%

HSV

215.1, 99.6%, 99.6%

CMYK

99.6%, 58.3%, 0.0%, 0.4%

OKLCH

0.5703 0.2349 260.2

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#016AFE

#FE9501

Analogous

#01E8FE

#1701FE

#016AFE

Triadic

#016AFE

#FE016A

#6AFE01

Split Complementary

#016AFE

#FE1701

#E8FE01

Tetradic

#016AFE

#FE01E8

#FE9501

#01FE17

Color Blindness Simulation

Original

#016AFE

Protanopia

#2E2FDA

Deuteranopia

#2820D2

Tritanopia

#06BEB8

Achromatopsia

#5E5E5E

CSS Usage

background-color: #016AFE;
color: #016AFE;
border-color: #016AFE;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B8D5FF
300
#85B7FF
400
#4391FE
500
#016AFE
600
#0155CB
700
#0144A3
800
#01357F
900
#05295C
950
#031A3A

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail 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