#1566AF

#1566AF

Color Values

HEX

#1566AF

RGB

21, 102, 175

HSL

208.4, 78.6%, 38.4%

HSV

208.4, 88.0%, 68.6%

CMYK

88.0%, 41.7%, 0.0%, 31.4%

OKLCH

0.5039 0.137 251.3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1566AF

#AF5E15

Analogous

#15AFAB

#1519AF

#1566AF

Triadic

#1566AF

#AF1566

#66AF15

Split Complementary

#1566AF

#AF1519

#AFAB15

Tetradic

#1566AF

#AB15AF

#AF5E15

#19AF15

Color Blindness Simulation

Original

#1566AF

Protanopia

#38399D

Deuteranopia

#332D99

Tritanopia

#198F8C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDDF7
300
#92C4F2
400
#56A5EB
500
#1B85E4
600
#166AB6
700
#115592
800
#0E4272
900
#0E3253
950
#092034

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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