#300D42

#300D42

Color Values

HEX

#300D42

RGB

48, 13, 66

HSL

279.6, 67.1%, 15.5%

HSV

279.6, 80.3%, 25.9%

CMYK

27.3%, 80.3%, 0.0%, 74.1%

OKLCH

0.248 0.0974 311.5

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#300D42

#1F420D

Analogous

#150D42

#420D3A

#300D42

Triadic

#300D42

#42300D

#0D4230

Split Complementary

#300D42

#3A420D

#0D4215

Tetradic

#300D42

#42150D

#1F420D

#0D3A42

Color Blindness Simulation

Original

#300D42

Protanopia

#212135

Deuteranopia

#232532

Tritanopia

#2E2B29

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F0E3F7
200
#E3C3F3
300
#CF99EB
400
#B561E0
500
#9B2AD5
600
#7C22AA
700
#631B88
800
#4D156B
900
#3A134E
950
#250C31

Contrast Checker

Text on white

16.64:1

AA Pass AAA Pass

Text on black

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