#313F4B

#313F4B

Color Values

HEX

#313F4B

RGB

49, 63, 75

HSL

207.7, 21.0%, 24.3%

HSV

207.7, 34.7%, 29.4%

CMYK

34.7%, 16.0%, 0.0%, 70.6%

OKLCH

0.3603 0.0278 244.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#313F4B

#4B3D31

Analogous

#314B4A

#31324B

#313F4B

Triadic

#313F4B

#4B313F

#3F4B31

Split Complementary

#313F4B

#4B3132

#4B4A31

Tetradic

#313F4B

#4A314B

#4B3D31

#324B31

Color Blindness Simulation

Original

#313F4B

Protanopia

#373748

Deuteranopia

#363547

Tritanopia

#324645

Achromatopsia

#3D3D3D

CSS Usage

background-color: #313F4B;
color: #313F4B;
border-color: #313F4B;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B5C3CF
400
#8DA2B4
500
#65829A
600
#51687B
700
#405363
800
#32414D
900
#27313A
950
#191F24

Contrast Checker

Text on white

10.81:1

AA Pass AAA Pass

Text on black

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