#31069E

#31069E

Color Values

HEX

#31069E

RGB

49, 6, 158

HSL

257.0, 92.7%, 32.2%

HSV

257.0, 96.2%, 62.0%

CMYK

69.0%, 96.2%, 0.0%, 38.0%

OKLCH

0.345 0.2045 279.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#31069E

#739E06

Analogous

#06279E

#7D069E

#31069E

Triadic

#31069E

#9E3106

#069E31

Split Complementary

#31069E

#9E7D06

#279E06

Tetradic

#31069E

#9E0627

#739E06

#069E7D

Color Blindness Simulation

Original

#31069E

Protanopia

#1E1E79

Deuteranopia

#212470

Tritanopia

#2F5C56

Achromatopsia

#1A1A1A

CSS Usage

background-color: #31069E;
color: #31069E;
border-color: #31069E;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBAFC
300
#A989FB
400
#7B49F8
500
#4C09F6
600
#3D07C5
700
#31069D
800
#26057B
900
#1F0859
950
#140538

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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