#016FCB

#016FCB

Color Values

HEX

#016FCB

RGB

1, 111, 203

HSL

207.3, 99.0%, 40.0%

HSV

207.3, 99.5%, 79.6%

CMYK

99.5%, 45.3%, 0.0%, 20.4%

OKLCH

0.5413 0.1652 252.8

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#016FCB

#CB5D01

Analogous

#01CBC2

#010ACB

#016FCB

Triadic

#016FCB

#CB016F

#6FCB01

Split Complementary

#016FCB

#CB010A

#CBC201

Tetradic

#016FCB

#C201CB

#CB5D01

#0ACB01

Color Blindness Simulation

Original

#016FCB

Protanopia

#3132B5

Deuteranopia

#2A22AF

Tritanopia

#07A39F

Achromatopsia

#5E5E5E

CSS Usage

background-color: #016FCB;
color: #016FCB;
border-color: #016FCB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8DEFF
300
#85C7FE
400
#43A9FE
500
#018BFE
600
#016FCB
700
#0159A2
800
#01457F
900
#05345C
950
#03213A

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14: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