#301233

#301233

Color Values

HEX

#301233

RGB

48, 18, 51

HSL

294.5, 47.8%, 13.5%

HSV

294.5, 64.7%, 20.0%

CMYK

5.9%, 64.7%, 0.0%, 80.0%

OKLCH

0.244 0.0712 323.9

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#301233

#153312

Analogous

#1F1233

#331225

#301233

Triadic

#301233

#333012

#123330

Split Complementary

#301233

#253312

#12331F

Tetradic

#301233

#331F12

#153312

#122533

Color Blindness Simulation

Original

#301233

Protanopia

#23232B

Deuteranopia

#252729

Tritanopia

#2E2523

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E9CAEC
300
#DAA5DF
400
#C574CE
500
#B143BC
600
#8E3597
700
#712B79
800
#59215E
900
#411C45
950
#29112C

Contrast Checker

Text on white

16.67:1

AA Pass AAA Pass

Text on black

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