#302DB0

#302DB0

Color Values

HEX

#302DB0

RGB

48, 45, 176

HSL

241.4, 59.3%, 43.3%

HSV

241.4, 74.4%, 69.0%

CMYK

72.7%, 74.4%, 0.0%, 31.0%

OKLCH

0.4024 0.1985 273.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#302DB0

#ADB02D

Analogous

#2D6BB0

#712DB0

#302DB0

Triadic

#302DB0

#B0302D

#2DB030

Split Complementary

#302DB0

#B0712D

#6BB02D

Tetradic

#302DB0

#B02D6B

#ADB02D

#2DB071

Color Blindness Simulation

Original

#302DB0

Protanopia

#2F2F90

Deuteranopia

#2F2F89

Tritanopia

#307772

Achromatopsia

#373737

CSS Usage

background-color: #302DB0;
color: #302DB0;
border-color: #302DB0;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C7C6F0
300
#9F9EE6
400
#6B69D9
500
#3734CB
600
#2C2AA2
700
#232182
800
#1C1A66
900
#18174A
950
#0F0E2F

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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