#330850

#330850

Color Values

HEX

#330850

RGB

51, 8, 80

HSL

275.8, 81.8%, 17.3%

HSV

275.8, 90.0%, 31.4%

CMYK

36.3%, 90.0%, 0.0%, 68.6%

OKLCH

0.2599 0.1199 306.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#330850

#255008

Analogous

#0F0850

#500849

#330850

Triadic

#330850

#503308

#085033

Split Complementary

#330850

#495008

#08500F

Tetradic

#330850

#500F08

#255008

#084950

Color Blindness Simulation

Original

#330850

Protanopia

#20203F

Deuteranopia

#23263A

Tritanopia

#31312E

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1FA
200
#E1BEF9
300
#CB90F4
400
#B053EE
500
#9417E8
600
#7613B9
700
#5F0F94
800
#4A0C74
900
#370D54
950
#230835

Contrast Checker

Text on white

16.26:1

AA Pass AAA Pass

Text on black

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