#302D36

#302D36

Color Values

HEX

#302D36

RGB

48, 45, 54

HSL

260.0, 9.1%, 19.4%

HSV

260.0, 16.7%, 21.2%

CMYK

11.1%, 16.7%, 0.0%, 78.8%

OKLCH

0.304 0.0165 300.6

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#302D36

#33362D

Analogous

#2D2E36

#342D36

#302D36

Triadic

#302D36

#36302D

#2D3630

Split Complementary

#302D36

#36342D

#2E362D

Tetradic

#302D36

#362D2E

#33362D

#2D3634

Color Blindness Simulation

Original

#302D36

Protanopia

#2F2F34

Deuteranopia

#2F2F33

Tritanopia

#303232

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD8DF
300
#C0BCC7
400
#9E98A9
500
#7C748B
600
#635D6F
700
#4F4A59
800
#3E3A46
900
#2F2C34
950
#1E1C21

Contrast Checker

Text on white

13.51:1

AA Pass AAA Pass

Text on black

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