#330856

#330856

Color Values

HEX

#330856

RGB

51, 8, 86

HSL

273.1, 83.0%, 18.4%

HSV

273.1, 90.7%, 33.7%

CMYK

40.7%, 90.7%, 0.0%, 66.3%

OKLCH

0.2658 0.1263 303.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#330856

#2B5608

Analogous

#0C0856

#560852

#330856

Triadic

#330856

#563308

#085633

Split Complementary

#330856

#525608

#08560C

Tetradic

#330856

#560C08

#2B5608

#085256

Color Blindness Simulation

Original

#330856

Protanopia

#202043

Deuteranopia

#23263F

Tritanopia

#313431

Achromatopsia

#171717

CSS Usage

background-color: #330856;
color: #330856;
border-color: #330856;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF9
300
#C78FF5
400
#A952EF
500
#8A16E9
600
#6F11BB
700
#590E95
800
#450B75
900
#340C55
950
#210835

Contrast Checker

Text on white

16.03:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026