#310F51

#310F51

Color Values

HEX

#310F51

RGB

49, 15, 81

HSL

270.9, 68.7%, 18.8%

HSV

270.9, 81.5%, 31.8%

CMYK

39.5%, 81.5%, 0.0%, 68.2%

OKLCH

0.2653 0.1127 302.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#310F51

#2F510F

Analogous

#100F51

#510F50

#310F51

Triadic

#310F51

#51310F

#0F5131

Split Complementary

#310F51

#50510F

#0F5110

Tetradic

#310F51

#51100F

#2F510F

#0F5051

Color Blindness Simulation

Original

#310F51

Protanopia

#222241

Deuteranopia

#24273D

Tritanopia

#2F3432

Achromatopsia

#1B1B1B

CSS Usage

background-color: #310F51;
color: #310F51;
border-color: #310F51;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DCC3F4
300
#C398EC
400
#A360E1
500
#8228D7
600
#6820AC
700
#531A8A
800
#41146C
900
#31124E
950
#1F0C32

Contrast Checker

Text on white

15.94:1

AA Pass AAA Pass

Text on black

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