#B36AF1

#B36AF1

Color Values

HEX

#B36AF1

RGB

179, 106, 241

HSL

272.4, 82.8%, 68.0%

HSV

272.4, 56.0%, 94.5%

CMYK

25.7%, 56.0%, 0.0%, 5.5%

OKLCH

0.6628 0.2001 306.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B36AF1

#A8F16A

Analogous

#6F6AF1

#F16AEC

#B36AF1

Triadic

#B36AF1

#F1B36A

#6AF1B3

Split Complementary

#B36AF1

#ECF16A

#6AF16F

Tetradic

#B36AF1

#F16F6A

#A8F16A

#6AECF1

Color Blindness Simulation

Original

#B36AF1

Protanopia

#9393D0

Deuteranopia

#989DC8

Tritanopia

#AFB7B1

Achromatopsia

#838383

CSS Usage

background-color: #B36AF1;
color: #B36AF1;
border-color: #B36AF1;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF9
300
#C68FF4
400
#A753EF
500
#8816E9
600
#6D12BA
700
#570E95
800
#440B75
900
#330C55
950
#200835

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass 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