#33044D

#33044D

Color Values

HEX

#33044D

RGB

51, 4, 77

HSL

278.6, 90.1%, 15.9%

HSV

278.6, 94.8%, 30.2%

CMYK

33.8%, 94.8%, 0.0%, 69.8%

OKLCH

0.253 0.1214 308.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#33044D

#1E4D04

Analogous

#0E044D

#4D0443

#33044D

Triadic

#33044D

#4D3304

#044D33

Split Complementary

#33044D

#434D04

#044D0E

Tetradic

#33044D

#4D0E04

#1E4D04

#04434D

Color Blindness Simulation

Original

#33044D

Protanopia

#1F1E3B

Deuteranopia

#212537

Tritanopia

#312D2A

Achromatopsia

#131313

CSS Usage

background-color: #33044D;
color: #33044D;
border-color: #33044D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E5BBFB
300
#D28BF9
400
#B94CF6
500
#A00DF2
600
#800AC2
700
#67089B
800
#500679
900
#3C0958
950
#260637

Contrast Checker

Text on white

16.6:1

AA Pass AAA Pass

Text on black

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