#302B41

#302B41

Color Values

HEX

#302B41

RGB

48, 43, 65

HSL

253.6, 20.4%, 21.2%

HSV

253.6, 33.8%, 25.5%

CMYK

26.2%, 33.8%, 0.0%, 74.5%

OKLCH

0.3045 0.0396 294.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#302B41

#3C412B

Analogous

#2B3141

#3B2B41

#302B41

Triadic

#302B41

#41302B

#2B4130

Split Complementary

#302B41

#413B2B

#31412B

Tetradic

#302B41

#412B31

#3C412B

#2B413B

Color Blindness Simulation

Original

#302B41

Protanopia

#2E2E3C

Deuteranopia

#2E2E3A

Tritanopia

#303737

Achromatopsia

#2E2E2E

CSS Usage

background-color: #302B41;
color: #302B41;
border-color: #302B41;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D4E3
300
#BBB5CE
400
#968DB4
500
#71659A
600
#5B517B
700
#484162
800
#39334D
900
#2C2839
950
#1C1924

Contrast Checker

Text on white

13.57:1

AA Pass AAA Pass

Text on black

1.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026