#31334C

#31334C

Color Values

HEX

#31334C

RGB

49, 51, 76

HSL

235.6, 21.6%, 24.5%

HSV

235.6, 35.5%, 29.8%

CMYK

35.5%, 32.9%, 0.0%, 70.2%

OKLCH

0.3307 0.0442 280.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#31334C

#4C4A31

Analogous

#31404C

#3C314C

#31334C

Triadic

#31334C

#4C3133

#334C31

Split Complementary

#31334C

#4C3C31

#404C31

Tetradic

#31334C

#4C3140

#4C4A31

#314C3C

Color Blindness Simulation

Original

#31334C

Protanopia

#323246

Deuteranopia

#323244

Tritanopia

#314140

Achromatopsia

#343434

CSS Usage

background-color: #31334C;
color: #31334C;
border-color: #31334C;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E3
300
#B5B7CF
400
#8C8FB5
500
#64689B
600
#50537C
700
#404363
800
#32344E
900
#27283A
950
#191A25

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

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