#302F46

#302F46

Color Values

HEX

#302F46

RGB

48, 47, 70

HSL

242.6, 19.7%, 22.9%

HSV

242.6, 32.9%, 27.5%

CMYK

31.4%, 32.9%, 0.0%, 72.5%

OKLCH

0.3168 0.0408 285.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#302F46

#45462F

Analogous

#2F3946

#3B2F46

#302F46

Triadic

#302F46

#46302F

#2F4630

Split Complementary

#302F46

#463B2F

#39462F

Tetradic

#302F46

#462F39

#45462F

#2F463B

Color Blindness Simulation

Original

#302F46

Protanopia

#303040

Deuteranopia

#30303F

Tritanopia

#303C3B

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D5D4E2
300
#B7B6CE
400
#908EB3
500
#696699
600
#54527A
700
#434262
800
#34334C
900
#292839
950
#1A1924

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

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