#3A0045

#3A0045

Color Values

HEX

#3A0045

RGB

58, 0, 69

HSL

290.4, 100.0%, 13.5%

HSV

290.4, 100.0%, 27.1%

CMYK

15.9%, 100.0%, 0.0%, 72.9%

OKLCH

0.2535 0.1215 320.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3A0045

#0B4500

Analogous

#170045

#45002D

#3A0045

Triadic

#3A0045

#453A00

#00453A

Split Complementary

#3A0045

#2D4500

#004517

Tetradic

#3A0045

#451700

#0B4500

#002D45

Color Blindness Simulation

Original

#3A0045

Protanopia

#212034

Deuteranopia

#242930

Tritanopia

#372724

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F7DEFC
200
#F4B8FF
300
#EB85FF
400
#E142FF
500
#D600FF
600
#AB00CC
700
#8900A3
800
#6B0080
900
#4E055C
950
#31033A

Contrast Checker

Text on white

16.59:1

AA Pass AAA Pass

Text on black

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