#6461BB

#6461BB

Color Values

HEX

#6461BB

RGB

100, 97, 187

HSL

242.0, 39.8%, 55.7%

HSV

242.0, 48.1%, 73.3%

CMYK

46.5%, 48.1%, 0.0%, 26.7%

OKLCH

0.5394 0.1373 282.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6461BB

#B8BB61

Analogous

#618BBB

#9161BB

#6461BB

Triadic

#6461BB

#BB6461

#61BB64

Split Complementary

#6461BB

#BB9161

#8BBB61

Tetradic

#6461BB

#BB618B

#B8BB61

#61BB91

Color Blindness Simulation

Original

#6461BB

Protanopia

#6363A5

Deuteranopia

#6363A0

Tritanopia

#649490

Achromatopsia

#686868

CSS Usage

background-color: #6461BB;
color: #6461BB;
border-color: #6461BB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDEA
300
#ABA9DA
400
#7E7BC6
500
#504DB2
600
#403D8F
700
#333172
800
#282659
900
#201F42
950
#14142A

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

3.97:1

AA Fail 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