#31089C

#31089C

Color Values

HEX

#31089C

RGB

49, 8, 156

HSL

256.6, 90.2%, 32.2%

HSV

256.6, 94.9%, 61.2%

CMYK

68.6%, 94.9%, 0.0%, 38.8%

OKLCH

0.3436 0.2016 279.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#31089C

#739C08

Analogous

#08299C

#7B089C

#31089C

Triadic

#31089C

#9C3108

#089C31

Split Complementary

#31089C

#9C7B08

#299C08

Tetradic

#31089C

#9C0829

#739C08

#089C7B

Color Blindness Simulation

Original

#31089C

Protanopia

#1F1F78

Deuteranopia

#222570

Tritanopia

#2F5C56

Achromatopsia

#1B1B1B

CSS Usage

background-color: #31089C;
color: #31089C;
border-color: #31089C;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBBFC
300
#A98BF9
400
#7B4CF6
500
#4C0CF3
600
#3D0AC2
700
#31089B
800
#260679
900
#1F0958
950
#140637

Contrast Checker

Text on white

12.76:1

AA Pass AAA Pass

Text on black

1.65:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026