#3B0257

#3B0257

Color Values

HEX

#3B0257

RGB

59, 2, 87

HSL

280.2, 95.5%, 17.5%

HSV

280.2, 97.7%, 34.1%

CMYK

32.2%, 97.7%, 0.0%, 65.9%

OKLCH

0.2736 0.1354 309.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3B0257

#1E5702

Analogous

#100257

#570249

#3B0257

Triadic

#3B0257

#573B02

#02573B

Split Complementary

#3B0257

#495702

#025710

Tetradic

#3B0257

#571002

#1E5702

#024957

Color Blindness Simulation

Original

#3B0257

Protanopia

#222242

Deuteranopia

#262A3E

Tritanopia

#38322F

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DFFC
200
#E7B9FD
300
#D687FC
400
#BF47FB
500
#A906F9
600
#8705C7
700
#6C04A0
800
#54037D
900
#3F075A
950
#280439

Contrast Checker

Text on white

15.76:1

AA Pass AAA Pass

Text on black

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