#B96FD0

#B96FD0

Color Values

HEX

#B96FD0

RGB

185, 111, 208

HSL

285.8, 50.8%, 62.5%

HSV

285.8, 46.6%, 81.6%

CMYK

11.1%, 46.6%, 0.0%, 18.4%

OKLCH

0.6588 0.1583 317.8

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#B96FD0

#86D06F

Analogous

#886FD0

#D06FB6

#B96FD0

Triadic

#B96FD0

#D0B96F

#6FD0B9

Split Complementary

#B96FD0

#B6D06F

#6FD088

Tetradic

#B96FD0

#D0886F

#86D06F

#6FB6D0

Color Blindness Simulation

Original

#B96FD0

Protanopia

#9998B9

Deuteranopia

#9DA3B3

Tritanopia

#B5A6A2

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E5F5
200
#E5C9ED
300
#D2A3E1
400
#BA71D1
500
#A23FC0
600
#81329A
700
#67287B
800
#511F60
900
#3C1A47
950
#26112D

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

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026