#483CED

#483CED

Color Values

HEX

#483CED

RGB

72, 60, 237

HSL

244.1, 83.1%, 58.2%

HSV

244.1, 74.7%, 92.9%

CMYK

69.6%, 74.7%, 0.0%, 7.1%

OKLCH

0.5001 0.2507 275.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#483CED

#E1ED3C

Analogous

#3C88ED

#A13CED

#483CED

Triadic

#483CED

#ED483C

#3CED48

Split Complementary

#483CED

#EDA13C

#88ED3C

Tetradic

#483CED

#ED3C88

#E1ED3C

#3CEDA1

Color Blindness Simulation

Original

#483CED

Protanopia

#4343C2

Deuteranopia

#4444B8

Tritanopia

#47A099

Achromatopsia

#4B4B4B

CSS Usage

background-color: #483CED;
color: #483CED;
border-color: #483CED;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF9
300
#968FF5
400
#5D52EF
500
#2416E9
600
#1D11BB
700
#170E95
800
#120B75
900
#110C55
950
#0B0835

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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