#301B36

#301B36

Color Values

HEX

#301B36

RGB

48, 27, 54

HSL

286.7, 33.3%, 15.9%

HSV

286.7, 50.0%, 21.2%

CMYK

11.1%, 50.0%, 0.0%, 78.8%

OKLCH

0.2626 0.0563 318.5

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#301B36

#21361B

Analogous

#231B36

#361B2F

#301B36

Triadic

#301B36

#36301B

#1B3630

Split Complementary

#301B36

#2F361B

#1B3623

Tetradic

#301B36

#36231B

#21361B

#1B2F36

Color Blindness Simulation

Original

#301B36

Protanopia

#27272F

Deuteranopia

#282A2E

Tritanopia

#2F2A29

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E2CFE7
300
#CDADD6
400
#B281C0
500
#9755AA
600
#794488
700
#61366D
800
#4C2B55
900
#39223F
950
#241528

Contrast Checker

Text on white

15.72:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026