#4C30CF

#4C30CF

Color Values

HEX

#4C30CF

RGB

76, 48, 207

HSL

250.6, 62.4%, 50.0%

HSV

250.6, 76.8%, 81.2%

CMYK

63.3%, 76.8%, 0.0%, 18.8%

OKLCH

0.4581 0.2263 280.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4C30CF

#B3CF30

Analogous

#3063CF

#9C30CF

#4C30CF

Triadic

#4C30CF

#CF4C30

#30CF4C

Split Complementary

#4C30CF

#CF9C30

#63CF30

Tetradic

#4C30CF

#CF3063

#B3CF30

#30CF9C

Color Blindness Simulation

Original

#4C30CF

Protanopia

#4040A9

Deuteranopia

#42449F

Tritanopia

#4B8A83

Achromatopsia

#414141

CSS Usage

background-color: #4C30CF;
color: #4C30CF;
border-color: #4C30CF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CDC5F2
300
#A99CE8
400
#7B66DC
500
#4C30CF
600
#3D26A6
700
#311F85
800
#261868
900
#1F154C
950
#130D30

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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