#31235D

#31235D

Color Values

HEX

#31235D

RGB

49, 35, 93

HSL

254.5, 45.3%, 25.1%

HSV

254.5, 62.4%, 36.5%

CMYK

47.3%, 62.4%, 0.0%, 63.5%

OKLCH

0.3074 0.0992 290.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#31235D

#4F5D23

Analogous

#23325D

#4E235D

#31235D

Triadic

#31235D

#5D3123

#235D31

Split Complementary

#31235D

#5D4E23

#325D23

Tetradic

#31235D

#5D2332

#4F5D23

#235D4E

Color Blindness Simulation

Original

#31235D

Protanopia

#2B2B4F

Deuteranopia

#2C2D4C

Tritanopia

#304441

Achromatopsia

#2A2A2A

CSS Usage

background-color: #31235D;
color: #31235D;
border-color: #31235D;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D3CBEB
300
#B3A6DE
400
#8B76CB
500
#6246B9
600
#4E3894
700
#3F2D77
800
#31235D
900
#261D44
950
#18122B

Contrast Checker

Text on white

13.73:1

AA Pass AAA Pass

Text on black

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