#566693

#566693

Color Values

HEX

#566693

RGB

86, 102, 147

HSL

224.3, 26.2%, 45.7%

HSV

224.3, 41.5%, 57.6%

CMYK

41.5%, 30.6%, 0.0%, 42.4%

OKLCH

0.5162 0.0743 268.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#566693

#938356

Analogous

#568593

#655693

#566693

Triadic

#566693

#935666

#669356

Split Complementary

#566693

#936556

#859356

Tetradic

#566693

#935685

#938356

#569365

Color Blindness Simulation

Original

#566693

Protanopia

#5D5D88

Deuteranopia

#5C5B86

Tritanopia

#57807E

Achromatopsia

#666666

CSS Usage

background-color: #566693;
color: #566693;
border-color: #566693;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D2D7E5
300
#B2BAD2
400
#8895B9
500
#5E70A1
600
#4B5981
700
#3C4767
800
#2F3850
900
#252B3C
950
#171B26

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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