#302849

#302849

Color Values

HEX

#302849

RGB

48, 40, 73

HSL

254.5, 29.2%, 22.2%

HSV

254.5, 45.2%, 28.6%

CMYK

34.2%, 45.2%, 0.0%, 71.4%

OKLCH

0.3022 0.0589 293.7

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#302849

#414928

Analogous

#283149

#412849

#302849

Triadic

#302849

#493028

#284930

Split Complementary

#302849

#494128

#314928

Tetradic

#302849

#492831

#414928

#284941

Color Blindness Simulation

Original

#302849

Protanopia

#2D2C41

Deuteranopia

#2D2E3F

Tritanopia

#303B39

Achromatopsia

#2C2C2C

CSS Usage

background-color: #302849;
color: #302849;
border-color: #302849;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D6D1E6
300
#B9B0D4
400
#9285BC
500
#6C5AA5
600
#574884
700
#453A69
800
#362D52
900
#2A243D
950
#1A1727

Contrast Checker

Text on white

13.77:1

AA Pass AAA Pass

Text on black

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