#330251

#330251

Color Values

HEX

#330251

RGB

51, 2, 81

HSL

277.2, 95.2%, 16.3%

HSV

277.2, 97.5%, 31.8%

CMYK

37.0%, 97.5%, 0.0%, 68.2%

OKLCH

0.2549 0.1276 306.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#330251

#205102

Analogous

#0B0251

#510248

#330251

Triadic

#330251

#513302

#025133

Split Complementary

#330251

#485102

#02510B

Tetradic

#330251

#510B02

#205102

#024851

Color Blindness Simulation

Original

#330251

Protanopia

#1E1D3E

Deuteranopia

#212439

Tritanopia

#312F2B

Achromatopsia

#121212

CSS Usage

background-color: #330251;
color: #330251;
border-color: #330251;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F1FE
100
#F1DFFC
200
#E3B9FD
300
#D088FC
400
#B647FA
500
#9D06F9
600
#7D05C7
700
#64049F
800
#4E037C
900
#3A075A
950
#250439

Contrast Checker

Text on white

16.56:1

AA Pass AAA Pass

Text on black

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