#304150

#304150

Color Values

HEX

#304150

RGB

48, 65, 80

HSL

208.1, 25.0%, 25.1%

HSV

208.1, 40.0%, 31.4%

CMYK

40.0%, 18.8%, 0.0%, 68.6%

OKLCH

0.367 0.034 245.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#304150

#503F30

Analogous

#30504F

#303150

#304150

Triadic

#304150

#503041

#415030

Split Complementary

#304150

#503031

#504F30

Tetradic

#304150

#4F3050

#503F30

#315030

Color Blindness Simulation

Original

#304150

Protanopia

#37384C

Deuteranopia

#36354C

Tritanopia

#314A49

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DCE4
300
#B2C3D1
400
#89A2B8
500
#60829F
600
#4D6880
700
#3D5366
800
#304150
900
#26313B
950
#181F25

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

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