#3B0558

#3B0558

Color Values

HEX

#3B0558

RGB

59, 5, 88

HSL

279.0, 89.2%, 18.2%

HSV

279.0, 94.3%, 34.5%

CMYK

33.0%, 94.3%, 0.0%, 65.5%

OKLCH

0.2771 0.1333 308.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3B0558

#225805

Analogous

#110558

#58054B

#3B0558

Triadic

#3B0558

#583B05

#05583B

Split Complementary

#3B0558

#4B5805

#055811

Tetradic

#3B0558

#581105

#225805

#054B58

Color Blindness Simulation

Original

#3B0558

Protanopia

#242344

Deuteranopia

#272B3F

Tritanopia

#383431

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E5BBFB
300
#D28BF8
400
#BA4CF5
500
#A20EF1
600
#810BC1
700
#67099A
800
#510779
900
#3C0A57
950
#260637

Contrast Checker

Text on white

15.57:1

AA Pass AAA Pass

Text on black

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