#016FA3

#016FA3

Color Values

HEX

#016FA3

RGB

1, 111, 163

HSL

199.3, 98.8%, 32.2%

HSV

199.3, 99.4%, 63.9%

CMYK

99.4%, 31.9%, 0.0%, 36.1%

OKLCH

0.5158 0.1166 239.4

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#016FA3

#A33501

Analogous

#01A386

#011EA3

#016FA3

Triadic

#016FA3

#A3016F

#6FA301

Split Complementary

#016FA3

#A3011E

#A38601

Tetradic

#016FA3

#8601A3

#A33501

#1EA301

Color Blindness Simulation

Original

#016FA3

Protanopia

#313296

Deuteranopia

#2A2293

Tritanopia

#078C8A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #016FA3;
color: #016FA3;
border-color: #016FA3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E8FF
300
#85D7FE
400
#43C2FE
500
#02ACFD
600
#018ACB
700
#016EA2
800
#01567F
900
#05405C
950
#03283A

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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