#2F3441

#2F3441

Color Values

HEX

#2F3441

RGB

47, 52, 65

HSL

223.3, 16.1%, 22.0%

HSV

223.3, 27.7%, 25.5%

CMYK

27.7%, 20.0%, 0.0%, 74.5%

OKLCH

0.3257 0.0241 268.5

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2F3441

#413C2F

Analogous

#2F3D41

#332F41

#2F3441

Triadic

#2F3441

#412F34

#34412F

Split Complementary

#2F3441

#41332F

#3D412F

Tetradic

#2F3441

#412F3D

#413C2F

#2F4133

Color Blindness Simulation

Original

#2F3441

Protanopia

#31313E

Deuteranopia

#31303D

Tritanopia

#2F3B3B

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D9E1
300
#B8BDCC
400
#919AB0
500
#6B7694
600
#565F76
700
#444C5F
800
#353B4A
900
#292D37
950
#1A1D23

Contrast Checker

Text on white

12.44:1

AA Pass AAA Pass

Text on black

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