#6473DD

#6473DD

Color Values

HEX

#6473DD

RGB

100, 115, 221

HSL

232.6, 64.0%, 62.9%

HSV

232.6, 54.8%, 86.7%

CMYK

54.8%, 48.0%, 0.0%, 13.3%

OKLCH

0.596 0.1605 274.4

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6473DD

#DDCE64

Analogous

#64AFDD

#9164DD

#6473DD

Triadic

#6473DD

#DD6473

#73DD64

Split Complementary

#6473DD

#DD9164

#AFDD64

Tetradic

#6473DD

#DD64AF

#DDCE64

#64DD91

Color Blindness Simulation

Original

#6473DD

Protanopia

#6A6BC3

Deuteranopia

#6A68BD

Tritanopia

#65AFAB

Achromatopsia

#777777

CSS Usage

background-color: #6473DD;
color: #6473DD;
border-color: #6473DD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FC
100
#E3E6F7
200
#C4CAF2
300
#9BA4E9
400
#6473DD
500
#2E42D1
600
#2535A7
700
#1D2A86
800
#172169
900
#151B4C
950
#0D1130

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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