#312F46

#312F46

Color Values

HEX

#312F46

RGB

49, 47, 70

HSL

245.2, 19.7%, 22.9%

HSV

245.2, 32.9%, 27.5%

CMYK

30.0%, 32.9%, 0.0%, 72.5%

OKLCH

0.3178 0.0407 287.8

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#312F46

#44462F

Analogous

#2F3846

#3C2F46

#312F46

Triadic

#312F46

#46312F

#2F4631

Split Complementary

#312F46

#463C2F

#38462F

Tetradic

#312F46

#462F38

#44462F

#2F463C

Color Blindness Simulation

Original

#312F46

Protanopia

#303040

Deuteranopia

#30303F

Tritanopia

#313C3B

Achromatopsia

#313131

CSS Usage

background-color: #312F46;
color: #312F46;
border-color: #312F46;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D5D4E2
300
#B8B6CE
400
#918EB3
500
#6B6699
600
#55527A
700
#444262
800
#35334C
900
#292839
950
#1A1924

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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