#567DB6

#567DB6

Color Values

HEX

#567DB6

RGB

86, 125, 182

HSL

215.6, 39.7%, 52.5%

HSV

215.6, 52.7%, 71.4%

CMYK

52.7%, 31.3%, 0.0%, 28.6%

OKLCH

0.5856 0.0985 257.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#567DB6

#B68F56

Analogous

#56ADB6

#5F56B6

#567DB6

Triadic

#567DB6

#B6567D

#7DB656

Split Complementary

#567DB6

#B65F56

#ADB656

Tetradic

#567DB6

#B656AD

#B68F56

#56B65F

Color Blindness Simulation

Original

#567DB6

Protanopia

#6767A8

Deuteranopia

#6562A5

Tritanopia

#589D9B

Achromatopsia

#797979

CSS Usage

background-color: #567DB6;
color: #567DB6;
border-color: #567DB6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD9E9
300
#AABDDA
400
#7B9AC6
500
#4D76B2
600
#3E5E8E
700
#314C72
800
#263B59
900
#1F2D42
950
#141D2A

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass 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