#304545

#304545

Color Values

HEX

#304545

RGB

48, 69, 69

HSL

180.0, 17.9%, 22.9%

HSV

180.0, 30.4%, 27.1%

CMYK

30.4%, 0.0%, 0.0%, 72.9%

OKLCH

0.3729 0.0263 196.1

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#304545

#453030

Analogous

#30453A

#303A45

#304545

Triadic

#304545

#453045

#454530

Split Complementary

#304545

#45303A

#453A30

Tetradic

#304545

#3A3045

#453030

#3A4530

Color Blindness Simulation

Original

#304545

Protanopia

#393945

Deuteranopia

#383645

Tritanopia

#314545

Achromatopsia

#414141

CSS Usage

background-color: #304545;
color: #304545;
border-color: #304545;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B7CDCD
400
#90B2B2
500
#699696
600
#547878
700
#436060
800
#344B4B
900
#293838
950
#1A2424

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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