#301C32

#301C32

Color Values

HEX

#301C32

RGB

48, 28, 50

HSL

294.5, 28.2%, 15.3%

HSV

294.5, 44.0%, 19.6%

CMYK

4.0%, 44.0%, 0.0%, 80.4%

OKLCH

0.2624 0.0487 323.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#301C32

#1E321C

Analogous

#251C32

#321C29

#301C32

Triadic

#301C32

#32301C

#1C3230

Split Complementary

#301C32

#29321C

#1C3225

Tetradic

#301C32

#32251C

#1E321C

#1C2932

Color Blindness Simulation

Original

#301C32

Protanopia

#27272D

Deuteranopia

#282A2B

Tritanopia

#2F2828

Achromatopsia

#222222

CSS Usage

background-color: #301C32;
color: #301C32;
border-color: #301C32;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D1E5
300
#D0B1D3
400
#B686BB
500
#9D5CA3
600
#7D4983
700
#643B69
800
#4E2E52
900
#3A243D
950
#251726

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

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