#565CB4

#565CB4

Color Values

HEX

#565CB4

RGB

86, 92, 180

HSL

236,2, 38,5%, 52,2%

HSV

236,2, 52,2%, 70,6%

CMYK

52,2%, 48,9%, 0,0%, 29,4%

OKLCH

0,5144 0,1369 277,5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#565CB4

#B4AE56

Analogous

#568BB4

#7F56B4

#565CB4

Triadic

#565CB4

#B4565C

#5CB456

Split Complementary

#565CB4

#B47F56

#8BB456

Tetradic

#565CB4

#B4568B

#B4AE56

#56B47F

Color Blindness Simulation

Original

#565CB4

Protanopia

#59599F

Deuteranopia

#58589A

Tritanopia

#568E8A

Achromatopsia

#616161

CSS Usage

background-color: #565CB4;
color: #565CB4;
border-color: #565CB4;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#AAADD9
400
#7C81C5
500
#4E55B1
600
#3F448D
700
#323671
800
#272A58
900
#202241
950
#141529

Contrast Checker

Text on white

5,86:1

AA Pass AAA Fail

Text on black

3,59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026