#2F303B

#2F303B

Color Values

HEX

#2F303B

RGB

47, 48, 59

HSL

235.0, 11.3%, 20.8%

HSV

235.0, 20.3%, 23.1%

CMYK

20.3%, 18.6%, 0.0%, 76.9%

OKLCH

0.3128 0.0197 281.1

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2F303B

#3B3A2F

Analogous

#2F363B

#342F3B

#2F303B

Triadic

#2F303B

#3B2F30

#303B2F

Split Complementary

#2F303B

#3B342F

#363B2F

Tetradic

#2F303B

#3B2F36

#3B3A2F

#2F3B34

Color Blindness Simulation

Original

#2F303B

Protanopia

#2F2F38

Deuteranopia

#2F2F38

Tritanopia

#2F3636

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D8DF
300
#BBBCC9
400
#9698AB
500
#71738E
600
#5A5C72
700
#484A5B
800
#393A47
900
#2C2C35
950
#1B1C22

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

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