#302F31

#302F31

Color Values

HEX

#302F31

RGB

48, 47, 49

HSL

270.0, 2.1%, 18.8%

HSV

270.0, 4.1%, 19.2%

CMYK

2.0%, 4.1%, 0.0%, 80.8%

OKLCH

0.307 0.0038 308.3

Properties

Cool Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#302F31

#30312F

Analogous

#2F2F31

#312F31

#302F31

Triadic

#302F31

#31302F

#2F3130

Split Complementary

#302F31

#31312F

#2F312F

Tetradic

#302F31

#312F2F

#30312F

#2F3131

Color Blindness Simulation

Original

#302F31

Protanopia

#303031

Deuteranopia

#303030

Tritanopia

#303030

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C2C1C3
400
#A19FA3
500
#807D82
600
#666468
700
#525053
800
#403E41
900
#303031
950
#1F1E1F

Contrast Checker

Text on white

13.32:1

AA Pass AAA Pass

Text on black

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