#310170

#310170

Color Values

HEX

#310170

RGB

49, 1, 112

HSL

265.9, 98.2%, 22.2%

HSV

265.9, 99.1%, 43.9%

CMYK

56.2%, 99.1%, 0.0%, 56.1%

OKLCH

0.2856 0.159 291.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#310170

#407001

Analogous

#010970

#690170

#310170

Triadic

#310170

#703101

#017031

Split Complementary

#310170

#706901

#097001

Tetradic

#310170

#700109

#407001

#017069

Color Blindness Simulation

Original

#310170

Protanopia

#1C1C55

Deuteranopia

#1F234F

Tritanopia

#2F403B

Achromatopsia

#131313

CSS Usage

background-color: #310170;
color: #310170;
border-color: #310170;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D7B8FE
300
#BA86FE
400
#9444FD
500
#6E02FD
600
#5802CA
700
#4701A2
800
#37017E
900
#2B065B
950
#1B043A

Contrast Checker

Text on white

15.34:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026