#313B42

#313B42

Color Values

HEX

#313B42

RGB

49, 59, 66

HSL

204.7, 14.8%, 22.5%

HSV

204.7, 25.8%, 25.9%

CMYK

25.8%, 10.6%, 0.0%, 74.1%

OKLCH

0.346 0.0181 238.6

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#313B42

#423831

Analogous

#314240

#313242

#313B42

Triadic

#313B42

#42313B

#3B4231

Split Complementary

#313B42

#423132

#424031

Tetradic

#313B42

#403142

#423831

#324231

Color Blindness Simulation

Original

#313B42

Protanopia

#353540

Deuteranopia

#353440

Tritanopia

#323F3F

Achromatopsia

#393939

CSS Usage

background-color: #313B42;
color: #313B42;
border-color: #313B42;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE1
300
#B9C3CB
400
#93A3AF
500
#6D8392
600
#576975
700
#46545E
800
#364149
900
#2A3237
950
#1B1F23

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

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