#301F44

#301F44

Color Values

HEX

#301F44

RGB

48, 31, 68

HSL

267.6, 37.4%, 19.4%

HSV

267.6, 54.4%, 26.7%

CMYK

29.4%, 54.4%, 0.0%, 73.3%

OKLCH

0.2797 0.0684 303.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#301F44

#33441F

Analogous

#1F2044

#421F44

#301F44

Triadic

#301F44

#44301F

#1F4430

Split Complementary

#301F44

#44421F

#20441F

Tetradic

#301F44

#441F20

#33441F

#1F4442

Color Blindness Simulation

Original

#301F44

Protanopia

#29283B

Deuteranopia

#2A2B39

Tritanopia

#2F3432

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACEE9
300
#C0ABD9
400
#9E7DC4
500
#7C50AF
600
#63408C
700
#4F3370
800
#3E2858
900
#2F2041
950
#1E1429

Contrast Checker

Text on white

14.95:1

AA Pass AAA Pass

Text on black

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