#2F333D

#2F333D

Color Values

HEX

#2F333D

RGB

47, 51, 61

HSL

222.9, 13.0%, 21.2%

HSV

222.9, 23.0%, 23.9%

CMYK

23.0%, 16.4%, 0.0%, 76.1%

OKLCH

0.3213 0.0187 268.1

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2F333D

#3D392F

Analogous

#2F3A3D

#322F3D

#2F333D

Triadic

#2F333D

#3D2F33

#333D2F

Split Complementary

#2F333D

#3D322F

#3A3D2F

Tetradic

#2F333D

#3D2F3A

#3D392F

#2F3D32

Color Blindness Simulation

Original

#2F333D

Protanopia

#31313B

Deuteranopia

#30303A

Tritanopia

#2F3938

Achromatopsia

#333333

CSS Usage

background-color: #2F333D;
color: #2F333D;
border-color: #2F333D;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9E0
300
#BABECA
400
#949BAD
500
#6F7890
600
#596073
700
#474D5C
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

12.64:1

AA Pass AAA Pass

Text on black

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