#852EDB

#852EDB

Color Values

HEX

#852EDB

RGB

133, 46, 219

HSL

270.2, 70.6%, 52.0%

HSV

270.2, 79.0%, 85.9%

CMYK

39.3%, 79.0%, 0.0%, 14.1%

OKLCH

0.5244 0.2404 300.8

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#852EDB

#84DB2E

Analogous

#2F2EDB

#DB2EDA

#852EDB

Triadic

#852EDB

#DB852E

#2EDB85

Split Complementary

#852EDB

#DADB2E

#2EDB2F

Tetradic

#852EDB

#DB2F2E

#84DB2E

#2EDADB

Color Blindness Simulation

Original

#852EDB

Protanopia

#5F5FB1

Deuteranopia

#646BA7

Tritanopia

#819089

Achromatopsia

#4D4D4D

CSS Usage

background-color: #852EDB;
color: #852EDB;
border-color: #852EDB;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C297ED
400
#A15EE3
500
#8025DA
600
#661EAE
700
#52188B
800
#40136D
900
#31124F
950
#1F0B32

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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