#5658A6

#5658A6

Color Values

HEX

#5658A6

RGB

86, 88, 166

HSL

238.5, 31.7%, 49.4%

HSV

238.5, 48.2%, 65.1%

CMYK

48.2%, 47.0%, 0.0%, 34.9%

OKLCH

0.4973 0.1223 279.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#5658A6

#A6A456

Analogous

#5680A6

#7C56A6

#5658A6

Triadic

#5658A6

#A65658

#58A656

Split Complementary

#5658A6

#A67C56

#80A656

Tetradic

#5658A6

#A65680

#A6A456

#56A67C

Color Blindness Simulation

Original

#5658A6

Protanopia

#575793

Deuteranopia

#57578F

Tritanopia

#568481

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5658A6;
color: #5658A6;
border-color: #5658A6;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEAFD5
400
#8384BF
500
#5759A8
600
#464786
700
#38396B
800
#2C2D54
900
#23233E
950
#161627

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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