#6562AF

#6562AF

Color Values

HEX

#6562AF

RGB

101, 98, 175

HSL

242.3, 32.5%, 53.5%

HSV

242.3, 44.0%, 68.6%

CMYK

42.3%, 44.0%, 0.0%, 31.4%

OKLCH

0.5347 0.1185 283.4

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6562AF

#ACAF62

Analogous

#6285AF

#8B62AF

#6562AF

Triadic

#6562AF

#AF6562

#62AF65

Split Complementary

#6562AF

#AF8B62

#85AF62

Tetradic

#6562AF

#AF6285

#ACAF62

#62AF8B

Color Blindness Simulation

Original

#6562AF

Protanopia

#64649C

Deuteranopia

#646498

Tritanopia

#658E8A

Achromatopsia

#686868

CSS Usage

background-color: #6562AF;
color: #6562AF;
border-color: #6562AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D1D0E7
300
#AFAED6
400
#8482BF
500
#5956A9
600
#474587
700
#39376C
800
#2D2B54
900
#23223F
950
#161628

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026