#1766AE

#1766AE

Color Values

HEX

#1766AE

RGB

23, 102, 174

HSL

208.6, 76.6%, 38.6%

HSV

208.6, 86.8%, 68.2%

CMYK

86.8%, 41.4%, 0.0%, 31.8%

OKLCH

0.5036 0.1353 251.3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1766AE

#AE5F17

Analogous

#17AEAA

#171BAE

#1766AE

Triadic

#1766AE

#AE1766

#66AE17

Split Complementary

#1766AE

#AE171B

#AEAA17

Tetradic

#1766AE

#AA17AE

#AE5F17

#1BAE17

Color Blindness Simulation

Original

#1766AE

Protanopia

#393A9D

Deuteranopia

#352F98

Tritanopia

#1B8F8C

Achromatopsia

#5A5A5A

CSS Usage

background-color: #1766AE;
color: #1766AE;
border-color: #1766AE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DDF7
300
#93C4F1
400
#58A4E9
500
#1E84E1
600
#186AB4
700
#135590
800
#0F4271
900
#0F3252
950
#0A2034

Contrast Checker

Text on white

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