#6350D3

#6350D3

Color Values

HEX

#6350D3

RGB

99, 80, 211

HSL

248.7, 59.8%, 57.1%

HSV

248.7, 62.1%, 82.7%

CMYK

53.1%, 62.1%, 0.0%, 17.3%

OKLCH

0.5256 0.1929 284.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6350D3

#C0D350

Analogous

#507FD3

#A550D3

#6350D3

Triadic

#6350D3

#D36350

#50D363

Split Complementary

#6350D3

#D3A550

#7FD350

Tetradic

#6350D3

#D3507F

#C0D350

#50D3A5

Color Blindness Simulation

Original

#6350D3

Protanopia

#5B5BB3

Deuteranopia

#5C5DAC

Tritanopia

#629A95

Achromatopsia

#5D5D5D

CSS Usage

background-color: #6350D3;
color: #6350D3;
border-color: #6350D3;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FB
100
#E7E4F6
200
#CCC6F1
300
#A89DE6
400
#7968D9
500
#4933CC
600
#3B29A3
700
#2F2182
800
#251A66
900
#1E164B
950
#130E2F

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026