#302F37

#302F37

Color Values

HEX

#302F37

RGB

48, 47, 55

HSL

247.5, 7.8%, 20.0%

HSV

247.5, 14.5%, 21.6%

CMYK

12.7%, 14.5%, 0.0%, 78.4%

OKLCH

0.3094 0.0143 291.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#302F37

#36372F

Analogous

#2F3237

#342F37

#302F37

Triadic

#302F37

#37302F

#2F3730

Split Complementary

#302F37

#37342F

#32372F

Tetradic

#302F37

#372F32

#36372F

#2F3734

Color Blindness Simulation

Original

#302F37

Protanopia

#303035

Deuteranopia

#303035

Tritanopia

#303433

Achromatopsia

#303030

CSS Usage

background-color: #302F37;
color: #302F37;
border-color: #302F37;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BEBDC7
400
#9B99A8
500
#787689
600
#605E6E
700
#4D4B58
800
#3C3B45
900
#2E2D34
950
#1D1C21

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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