#301031

#301031

Color Values

HEX

#301031

RGB

48, 16, 49

HSL

298.2, 50.8%, 12.7%

HSV

298.2, 67.3%, 19.2%

CMYK

2.0%, 67.3%, 0.0%, 80.8%

OKLCH

0.2395 0.0728 326.4

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#301031

#113110

Analogous

#1F1031

#311021

#301031

Triadic

#301031

#313010

#103130

Split Complementary

#301031

#213110

#10311F

Tetradic

#301031

#311F10

#113110

#102131

Color Blindness Simulation

Original

#301031

Protanopia

#222229

Deuteranopia

#242627

Tritanopia

#2E2321

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC9ED
300
#DFA3E1
400
#CE71D1
500
#BC3FC0
600
#97329A
700
#79287B
800
#5E1F60
900
#451A47
950
#2C112D

Contrast Checker

Text on white

16.88:1

AA Pass AAA Pass

Text on black

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