#6650F2

#6650F2

Color Values

HEX

#6650F2

RGB

102, 80, 242

HSL

248.1, 86.2%, 63.1%

HSV

248.1, 66.9%, 94.9%

CMYK

57.9%, 66.9%, 0.0%, 5.1%

OKLCH

0.5533 0.2307 282.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6650F2

#DCF250

Analogous

#508BF2

#B750F2

#6650F2

Triadic

#6650F2

#F26650

#50F266

Split Complementary

#6650F2

#F2B750

#8BF250

Tetradic

#6650F2

#F2508B

#DCF250

#50F2B7

Color Blindness Simulation

Original

#6650F2

Protanopia

#5C5CCB

Deuteranopia

#5E5FC1

Tritanopia

#65ACA5

Achromatopsia

#606060

CSS Usage

background-color: #6650F2;
color: #6650F2;
border-color: #6650F2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C5BDFA
300
#9B8DF7
400
#654FF2
500
#2F12ED
600
#260EBE
700
#1E0B98
800
#180977
900
#150B56
950
#0D0736

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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