#303D4F

#303D4F

Color Values

HEX

#303D4F

RGB

48, 61, 79

HSL

214.8, 24.4%, 24.9%

HSV

214.8, 39.2%, 31.0%

CMYK

39.2%, 22.8%, 0.0%, 69.0%

OKLCH

0.3563 0.0359 256.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#303D4F

#4F4230

Analogous

#304D4F

#32304F

#303D4F

Triadic

#303D4F

#4F303D

#3D4F30

Split Complementary

#303D4F

#4F3230

#4D4F30

Tetradic

#303D4F

#4F304D

#4F4230

#304F32

Color Blindness Simulation

Original

#303D4F

Protanopia

#36364B

Deuteranopia

#35344A

Tritanopia

#314746

Achromatopsia

#3C3C3C

CSS Usage

background-color: #303D4F;
color: #303D4F;
border-color: #303D4F;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DAE4
300
#B3BFD1
400
#8A9DB8
500
#607B9F
600
#4D627F
700
#3E4E66
800
#303D4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

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