#30339C

#30339C

Color Values

HEX

#30339C

RGB

48, 51, 156

HSL

238.3, 52.9%, 40.0%

HSV

238.3, 69.2%, 61.2%

CMYK

69.2%, 67.3%, 0.0%, 38.8%

OKLCH

0.3918 0.1664 274.4

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#30339C

#9C9930

Analogous

#30699C

#63309C

#30339C

Triadic

#30339C

#9C3033

#339C30

Split Complementary

#30339C

#9C6330

#699C30

Tetradic

#30339C

#9C3069

#9C9930

#309C63

Color Blindness Simulation

Original

#30339C

Protanopia

#313183

Deuteranopia

#31317C

Tritanopia

#306F6A

Achromatopsia

#3A3A3A

CSS Usage

background-color: #30339C;
color: #30339C;
border-color: #30339C;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8C9EE
300
#A1A3E2
400
#6F72D3
500
#3C40C3
600
#30339C
700
#26297D
800
#1E2061
900
#191B48
950
#10112D

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

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