#6B64CC

#6B64CC

Color Values

HEX

#6B64CC

RGB

107, 100, 204

HSL

244.0, 50.5%, 59.6%

HSV

244.0, 51.0%, 80.0%

CMYK

47.5%, 51.0%, 0.0%, 20.0%

OKLCH

0.5616 0.1559 283.2

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6B64CC

#C5CC64

Analogous

#6491CC

#9F64CC

#6B64CC

Triadic

#6B64CC

#CC6B64

#64CC6B

Split Complementary

#6B64CC

#CC9F64

#91CC64

Tetradic

#6B64CC

#CC6491

#C5CC64

#64CC9F

Color Blindness Simulation

Original

#6B64CC

Protanopia

#6868B3

Deuteranopia

#6869AD

Tritanopia

#6B9F9B

Achromatopsia

#6D6D6D

CSS Usage

background-color: #6B64CC;
color: #6B64CC;
border-color: #6B64CC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC9ED
300
#A7A3E1
400
#7771D0
500
#483FC0
600
#39329A
700
#2E287B
800
#242060
900
#1D1A46
950
#13112D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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