#303C4F

#303C4F

Color Values

HEX

#303C4F

RGB

48, 60, 79

HSL

216.8, 24.4%, 24.9%

HSV

216.8, 39.2%, 31.0%

CMYK

39.2%, 24.1%, 0.0%, 69.0%

OKLCH

0.3538 0.0369 259.5

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#303C4F

#4F4330

Analogous

#304B4F

#34304F

#303C4F

Triadic

#303C4F

#4F303C

#3C4F30

Split Complementary

#303C4F

#4F3430

#4B4F30

Tetradic

#303C4F

#4F304B

#4F4330

#304F34

Color Blindness Simulation

Original

#303C4F

Protanopia

#35354A

Deuteranopia

#343449

Tritanopia

#314746

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D3D9E4
300
#B3BED1
400
#8A9BB8
500
#60789F
600
#4D607F
700
#3E4D66
800
#303C4F
900
#262E3B
950
#181D25

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

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