#313242

#313242

Color Values

HEX

#313242

RGB

49, 50, 66

HSL

236.5, 14.8%, 22.5%

HSV

236.5, 25.8%, 25.9%

CMYK

25.8%, 24.2%, 0.0%, 74.1%

OKLCH

0.323 0.0284 281.9

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313242

#424131

Analogous

#313A42

#383142

#313242

Triadic

#313242

#423132

#324231

Split Complementary

#313242

#423831

#3A4231

Tetradic

#313242

#42313A

#424131

#314238

Color Blindness Simulation

Original

#313242

Protanopia

#31313E

Deuteranopia

#31313D

Tritanopia

#313B3A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBEF
200
#D6D7E1
300
#B9BACB
400
#9394AF
500
#6D6F92
600
#575975
700
#46475E
800
#363749
900
#2A2B37
950
#1B1B23

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

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