#6567B3

#6567B3

Color Values

HEX

#6567B3

RGB

101, 103, 179

HSL

238.5, 33.9%, 54.9%

HSV

238.5, 43.6%, 70.2%

CMYK

43.6%, 42.5%, 0.0%, 29.8%

OKLCH

0.5471 0.117 280.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6567B3

#B3B165

Analogous

#658EB3

#8A65B3

#6567B3

Triadic

#6567B3

#B36567

#67B365

Split Complementary

#6567B3

#B38A65

#8EB365

Tetradic

#6567B3

#B3658E

#B3B165

#65B38A

Color Blindness Simulation

Original

#6567B3

Protanopia

#6666A1

Deuteranopia

#66669C

Tritanopia

#65928F

Achromatopsia

#6C6C6C

CSS Usage

background-color: #6567B3;
color: #6567B3;
border-color: #6567B3;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFD0E7
300
#ADAED7
400
#8182C1
500
#5456AB
600
#434589
700
#36376D
800
#2A2B55
900
#22223F
950
#151628

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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