#310949

#310949

Color Values

HEX

#310949

RGB

49, 9, 73

HSL

277.5, 78.0%, 16.1%

HSV

277.5, 87.7%, 28.6%

CMYK

32.9%, 87.7%, 0.0%, 71.4%

OKLCH

0.2512 0.1108 308.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#310949

#214909

Analogous

#110949

#490941

#310949

Triadic

#310949

#493109

#094931

Split Complementary

#310949

#414909

#094911

Tetradic

#310949

#491109

#214909

#094149

Color Blindness Simulation

Original

#310949

Protanopia

#201F3A

Deuteranopia

#222536

Tritanopia

#2F2D2B

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E2BFF7
300
#CE92F2
400
#B357EA
500
#981CE3
600
#7A16B6
700
#621291
800
#4C0E71
900
#390E52
950
#240934

Contrast Checker

Text on white

16.59:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026