#565CBB

#565CBB

Color Values

HEX

#565CBB

RGB

86, 92, 187

HSL

236.4, 42.6%, 53.5%

HSV

236.4, 54.0%, 73.3%

CMYK

54.0%, 50.8%, 0.0%, 26.7%

OKLCH

0.5191 0.1469 277.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#565CBB

#BBB556

Analogous

#568EBB

#8256BB

#565CBB

Triadic

#565CBB

#BB565C

#5CBB56

Split Complementary

#565CBB

#BB8256

#8EBB56

Tetradic

#565CBB

#BB568E

#BBB556

#56BB82

Color Blindness Simulation

Original

#565CBB

Protanopia

#5959A4

Deuteranopia

#58589E

Tritanopia

#56928E

Achromatopsia

#626262

CSS Usage

background-color: #565CBB;
color: #565CBB;
border-color: #565CBB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCEEB
300
#A8ABDC
400
#787DC9
500
#4950B6
600
#3B4091
700
#2F3374
800
#25285B
900
#1E2043
950
#13142A

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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