#3021BA

#3021BA

Color Values

HEX

#3021BA

RGB

48, 33, 186

HSL

245.9, 69.9%, 42.9%

HSV

245.9, 82.3%, 72.9%

CMYK

74.2%, 82.3%, 0.0%, 27.1%

OKLCH

0.3985 0.2207 274.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3021BA

#ABBA21

Analogous

#215EBA

#7C21BA

#3021BA

Triadic

#3021BA

#BA3021

#21BA30

Split Complementary

#3021BA

#BA7C21

#5EBA21

Tetradic

#3021BA

#BA215E

#ABBA21

#21BA7C

Color Blindness Simulation

Original

#3021BA

Protanopia

#2A2995

Deuteranopia

#2A2B8C

Tritanopia

#2F7871

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3021BA;
color: #3021BA;
border-color: #3021BA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C7C2F4
300
#9F97ED
400
#6C5FE3
500
#3826D9
600
#2D1FAD
700
#24198B
800
#1C136C
900
#18124F
950
#0F0B32

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026