#565D76

#565D76

Color Values

HEX

#565D76

RGB

86, 93, 118

HSL

226.9, 15.7%, 40.0%

HSV

226.9, 27.1%, 46.3%

CMYK

27.1%, 21.2%, 0.0%, 53.7%

OKLCH

0.482 0.0413 272.6

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#565D76

#766F56

Analogous

#566D76

#5F5676

#565D76

Triadic

#565D76

#76565D

#5D7656

Split Complementary

#565D76

#765F56

#6D7656

Tetradic

#565D76

#76566D

#766F56

#56765F

Color Blindness Simulation

Original

#565D76

Protanopia

#595970

Deuteranopia

#59586E

Tritanopia

#566B6A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #565D76;
color: #565D76;
border-color: #565D76;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D8E1
300
#B8BCCB
400
#9298AF
500
#6B7494
600
#565D76
700
#454A5E
800
#363A4A
900
#2A2D37
950
#1A1C23

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026