#016BFE

#016BFE

Color Values

HEX

#016BFE

RGB

1, 107, 254

HSL

214.9, 99.2%, 50.0%

HSV

214.9, 99.6%, 99.6%

CMYK

99.6%, 57.9%, 0.0%, 0.4%

OKLCH

0.5722 0.2338 260.1

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#016BFE

#FE9401

Analogous

#01E9FE

#1601FE

#016BFE

Triadic

#016BFE

#FE016B

#6BFE01

Split Complementary

#016BFE

#FE1601

#E9FE01

Tetradic

#016BFE

#FE01E9

#FE9401

#01FE16

Color Blindness Simulation

Original

#016BFE

Protanopia

#2F30DA

Deuteranopia

#2921D2

Tritanopia

#06BEB8

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.54:1

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