#6366B5

#6366B5

Color Values

HEX

#6366B5

RGB

99, 102, 181

HSL

237.8, 35.7%, 54.9%

HSV

237.8, 45.3%, 71.0%

CMYK

45.3%, 43.6%, 0.0%, 29.0%

OKLCH

0.5447 0.1217 279.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6366B5

#B5B263

Analogous

#638FB5

#8963B5

#6366B5

Triadic

#6366B5

#B56366

#66B563

Split Complementary

#6366B5

#B58963

#8FB563

Tetradic

#6366B5

#B5638F

#B5B263

#63B589

Color Blindness Simulation

Original

#6366B5

Protanopia

#6464A2

Deuteranopia

#64649D

Tritanopia

#63938F

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6366B5;
color: #6366B5;
border-color: #6366B5;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACAED8
400
#7F81C2
500
#5255AD
600
#42448A
700
#34376F
800
#292B57
900
#212240
950
#151528

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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