#33079C

#33079C

Color Values

HEX

#33079C

RGB

51, 7, 156

HSL

257.7, 91.4%, 32.0%

HSV

257.7, 95.5%, 61.2%

CMYK

67.3%, 95.5%, 0.0%, 38.8%

OKLCH

0.3448 0.2016 280.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#33079C

#709C07

Analogous

#07269C

#7E079C

#33079C

Triadic

#33079C

#9C3307

#079C33

Split Complementary

#33079C

#9C7E07

#269C07

Tetradic

#33079C

#9C0726

#709C07

#079C7E

Color Blindness Simulation

Original

#33079C

Protanopia

#202078

Deuteranopia

#22266F

Tritanopia

#315B55

Achromatopsia

#1B1B1B

CSS Usage

background-color: #33079C;
color: #33079C;
border-color: #33079C;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CEBBFC
300
#AB8AFA
400
#7D4AF7
500
#500BF4
600
#4009C3
700
#33079C
800
#28057A
900
#200958
950
#140538

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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