#483EB0

#483EB0

Color Values

HEX

#483EB0

RGB

72, 62, 176

HSL

245.3, 47.9%, 46.7%

HSV

245.3, 64.8%, 69.0%

CMYK

59.1%, 64.8%, 0.0%, 31.0%

OKLCH

0.4458 0.1742 280.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#483EB0

#A6B03E

Analogous

#3E6DB0

#813EB0

#483EB0

Triadic

#483EB0

#B0483E

#3EB048

Split Complementary

#483EB0

#B0813E

#6DB03E

Tetradic

#483EB0

#B03E6D

#A6B03E

#3EB081

Color Blindness Simulation

Original

#483EB0

Protanopia

#444494

Deuteranopia

#44458E

Tritanopia

#477F7A

Achromatopsia

#484848

CSS Usage

background-color: #483EB0;
color: #483EB0;
border-color: #483EB0;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCAEC
300
#AAA4DF
400
#7B73CE
500
#4D42BD
600
#3E3597
700
#312B79
800
#27215E
900
#1F1C45
950
#14112C

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026