#552B8F

#552B8F

Color Values

HEX

#552B8F

RGB

85, 43, 143

HSL

265.2, 53.8%, 36.5%

HSV

265.2, 69.9%, 56.1%

CMYK

40.6%, 69.9%, 0.0%, 43.9%

OKLCH

0.4015 0.1564 298.3

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#552B8F

#658F2B

Analogous

#2B338F

#872B8F

#552B8F

Triadic

#552B8F

#8F552B

#2B8F55

Split Complementary

#552B8F

#8F872B

#338F2B

Tetradic

#552B8F

#8F2B33

#658F2B

#2B8F87

Color Blindness Simulation

Original

#552B8F

Protanopia

#434277

Deuteranopia

#454871

Tritanopia

#536460

Achromatopsia

#3B3B3B

CSS Usage

background-color: #552B8F;
color: #552B8F;
border-color: #552B8F;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D8C8EF
300
#BDA1E3
400
#996ED3
500
#753BC4
600
#5D2F9D
700
#4B267E
800
#3A1D62
900
#2D1948
950
#1C102D

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

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

一月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

一月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

一月 15, 2026