#016DA2

#016DA2

Color Values

HEX

#016DA2

RGB

1, 109, 162

HSL

199,8, 98,8%, 32,0%

HSV

199,8, 99,4%, 63,5%

CMYK

99,4%, 32,7%, 0,0%, 36,5%

OKLCH

0,5103 0,1172 240,3

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#016DA2

#A23601

Analogous

#01A287

#011CA2

#016DA2

Triadic

#016DA2

#A2016D

#6DA201

Split Complementary

#016DA2

#A2011C

#A28701

Tetradic

#016DA2

#8701A2

#A23601

#1CA201

Color Blindness Simulation

Original

#016DA2

Protanopia

#303195

Deuteranopia

#2A2192

Tritanopia

#068B89

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E7FF
300
#85D6FE
400
#43C0FE
500
#02AAFD
600
#0188CB
700
#016DA2
800
#01557F
900
#053F5C
950
#03283A

Contrast Checker

Text on white

5,66:1

AA Pass AAA Fail

Text on black

3,71:1

AA Fail AAA Fail

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