#303C46

#303C46

Color Values

HEX

#303C46

RGB

48, 60, 70

HSL

207.3, 18.6%, 23.1%

HSV

207.3, 31.4%, 27.5%

CMYK

31.4%, 14.3%, 0.0%, 72.5%

OKLCH

0.3495 0.0236 243.6

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#303C46

#463A30

Analogous

#304645

#303146

#303C46

Triadic

#303C46

#46303C

#3C4630

Split Complementary

#303C46

#463031

#464530

Tetradic

#303C46

#453046

#463A30

#314630

Color Blindness Simulation

Original

#303C46

Protanopia

#353544

Deuteranopia

#343443

Tritanopia

#314241

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DCE2
300
#B6C3CD
400
#8FA2B2
500
#688297
600
#536879
700
#425361
800
#34414C
900
#283139
950
#191F24

Contrast Checker

Text on white

11.29:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026