#483CDC

#483CDC

Color Values

HEX

#483CDC

RGB

72, 60, 220

HSL

244.5, 69.6%, 54.9%

HSV

244.5, 72.7%, 86.3%

CMYK

67.3%, 72.7%, 0.0%, 13.7%

OKLCH

0.4833 0.231 276.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#483CDC

#D0DC3C

Analogous

#3C80DC

#983CDC

#483CDC

Triadic

#483CDC

#DC483C

#3CDC48

Split Complementary

#483CDC

#DC983C

#80DC3C

Tetradic

#483CDC

#DC3C80

#D0DC3C

#3CDC98

Color Blindness Simulation

Original

#483CDC

Protanopia

#4343B5

Deuteranopia

#4444AC

Tritanopia

#479790

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F8
200
#C6C2F4
300
#9E97EC
400
#695FE2
500
#3427D8
600
#2A1FAD
700
#21198A
800
#1A136C
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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