#6571BE

#6571BE

Color Values

HEX

#6571BE

RGB

101, 113, 190

HSL

231.9, 40.6%, 57.1%

HSV

231.9, 46.8%, 74.5%

CMYK

46.8%, 40.5%, 0.0%, 25.5%

OKLCH

0.5738 0.119 275.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6571BE

#BEB265

Analogous

#659EBE

#8665BE

#6571BE

Triadic

#6571BE

#BE6571

#71BE65

Split Complementary

#6571BE

#BE8665

#9EBE65

Tetradic

#6571BE

#BE659E

#BEB265

#65BE86

Color Blindness Simulation

Original

#6571BE

Protanopia

#6A6AAB

Deuteranopia

#6A69A7

Tritanopia

#669D99

Achromatopsia

#747474

CSS Usage

background-color: #6571BE;
color: #6571BE;
border-color: #6571BE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CDD1EA
300
#A9B0DB
400
#7A85C7
500
#4C5AB3
600
#3D488F
700
#303973
800
#262D5A
900
#1F2442
950
#13162A

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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