#1062AF

#1062AF

Color Values

HEX

#1062AF

RGB

16, 98, 175

HSL

209.1, 83.2%, 37.5%

HSV

209.1, 90.9%, 68.6%

CMYK

90.9%, 44.0%, 0.0%, 31.4%

OKLCH

0.4938 0.1424 252.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1062AF

#AF5D10

Analogous

#10AFAD

#1012AF

#1062AF

Triadic

#1062AF

#AF1062

#62AF10

Split Complementary

#1062AF

#AF1012

#AFAD10

Tetradic

#1062AF

#AD10AF

#AF5D10

#12AF10

Color Blindness Simulation

Original

#1062AF

Protanopia

#34349C

Deuteranopia

#2F2998

Tritanopia

#148E8A

Achromatopsia

#565656

CSS Usage

background-color: #1062AF;
color: #1062AF;
border-color: #1062AF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDCF9
300
#8FC3F5
400
#52A3EF
500
#1583EA
600
#1169BB
700
#0E5495
800
#0B4175
900
#0C3255
950
#081F36

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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