#936DB3

#936DB3

Color Values

HEX

#936DB3

RGB

147, 109, 179

HSL

272.6, 31.5%, 56.5%

HSV

272.6, 39.1%, 70.2%

CMYK

17.9%, 39.1%, 0.0%, 29.8%

OKLCH

0.6002 0.1112 308.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#936DB3

#8DB36D

Analogous

#706DB3

#B36DB0

#936DB3

Triadic

#936DB3

#B3936D

#6DB393

Split Complementary

#936DB3

#B0B36D

#6DB370

Tetradic

#936DB3

#B3706D

#8DB36D

#6DB0B3

Color Blindness Simulation

Original

#936DB3

Protanopia

#8382A2

Deuteranopia

#85889E

Tritanopia

#919592

Achromatopsia

#7A7A7A

CSS Usage

background-color: #936DB3;
color: #936DB3;
border-color: #936DB3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DCD0E7
300
#C3AFD5
400
#A383BE
500
#8357A8
600
#694686
700
#54386B
800
#412C54
900
#32233E
950
#1F1627

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026