#46205C

#46205C

Color Values

HEX

#46205C

RGB

70, 32, 92

HSL

278,0, 48,4%, 24,3%

HSV

278,0, 65,2%, 36,1%

CMYK

23,9%, 65,2%, 0,0%, 63,9%

OKLCH

0,3272 0,1072 311,1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#46205C

#365C20

Analogous

#28205C

#5C2054

#46205C

Triadic

#46205C

#5C4620

#205C46

Split Complementary

#46205C

#545C20

#205C28

Tetradic

#46205C

#5C2820

#365C20

#20545C

Color Blindness Simulation

Original

#46205C

Protanopia

#36354D

Deuteranopia

#383B4A

Tritanopia

#444240

Achromatopsia

#2C2C2C

CSS Usage

background-color: #46205C;
color: #46205C;
border-color: #46205C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CAED
300
#CAA4DF
400
#AD73CE
500
#9042BD
600
#733597
700
#5C2A79
800
#48215F
900
#361B46
950
#22112C

Contrast Checker

Text on white

12,95:1

AA Pass AAA Pass

Text on black

1,62: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