#6471DB

#6471DB

Color Values

HEX

#6471DB

RGB

100, 113, 219

HSL

233,4, 62,3%, 62,5%

HSV

233,4, 54,3%, 85,9%

CMYK

54,3%, 48,4%, 0,0%, 14,1%

OKLCH

0,5908 0,1604 275,1

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6471DB

#DBCE64

Analogous

#64ACDB

#9264DB

#6471DB

Triadic

#6471DB

#DB6471

#71DB64

Split Complementary

#6471DB

#DB9264

#ACDB64

Tetradic

#6471DB

#DB64AC

#DBCE64

#64DB92

Color Blindness Simulation

Original

#6471DB

Protanopia

#6A6AC1

Deuteranopia

#6968BB

Tritanopia

#65ADA9

Achromatopsia

#767676

CSS Usage

background-color: #6471DB;
color: #6471DB;
border-color: #6471DB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E6F7
200
#C5CAF2
300
#9CA4E8
400
#6673DB
500
#3042CF
600
#2634A6
700
#1F2A84
800
#182167
900
#151B4C
950
#0D1130

Contrast Checker

Text on white

4,26:1

AA Fail AAA Fail

Text on black

4,93:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026