#303F50

#303F50

Color Values

HEX

#303F50

RGB

48, 63, 80

HSL

211.9, 25.0%, 25.1%

HSV

211.9, 40.0%, 31.4%

CMYK

40.0%, 21.2%, 0.0%, 68.6%

OKLCH

0.3619 0.0355 251.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#303F50

#504130

Analogous

#304F50

#313050

#303F50

Triadic

#303F50

#50303F

#3F5030

Split Complementary

#303F50

#503130

#4F5030

Tetradic

#303F50

#50304F

#504130

#305031

Color Blindness Simulation

Original

#303F50

Protanopia

#36374C

Deuteranopia

#36344B

Tritanopia

#314948

Achromatopsia

#3D3D3D

CSS Usage

background-color: #303F50;
color: #303F50;
border-color: #303F50;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE4
300
#B2C1D1
400
#899FB8
500
#607D9F
600
#4D6480
700
#3D5066
800
#303F50
900
#26303B
950
#181E25

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

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