#33074C

#33074C

Color Values

HEX

#33074C

RGB

51, 7, 76

HSL

278.3, 83.1%, 16.3%

HSV

278.3, 90.8%, 29.8%

CMYK

32.9%, 90.8%, 0.0%, 70.2%

OKLCH

0.2551 0.1169 308.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#33074C

#204C07

Analogous

#11074C

#4C0743

#33074C

Triadic

#33074C

#4C3307

#074C33

Split Complementary

#33074C

#434C07

#074C11

Tetradic

#33074C

#4C1107

#204C07

#07434C

Color Blindness Simulation

Original

#33074C

Protanopia

#20203B

Deuteranopia

#222637

Tritanopia

#312E2B

Achromatopsia

#151515

CSS Usage

background-color: #33074C;
color: #33074C;
border-color: #33074C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F2FD
100
#F1E1FA
200
#E4BEF9
300
#D08FF5
400
#B652EF
500
#9D16E9
600
#7D11BB
700
#640E95
800
#4E0B75
900
#3A0C55
950
#250835

Contrast Checker

Text on white

16.46:1

AA Pass AAA Pass

Text on black

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