#B78EDD

#B78EDD

Color Values

HEX

#B78EDD

RGB

183, 142, 221

HSL

271.1, 53.7%, 71.2%

HSV

271.1, 35.7%, 86.7%

CMYK

17.2%, 35.7%, 0.0%, 13.3%

OKLCH

0.7144 0.1199 307.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B78EDD

#B4DD8E

Analogous

#908EDD

#DD8EDC

#B78EDD

Triadic

#B78EDD

#DDB78E

#8EDDB7

Split Complementary

#B78EDD

#DCDD8E

#8EDD90

Tetradic

#B78EDD

#DD908E

#B4DD8E

#8EDCDD

Color Blindness Simulation

Original

#B78EDD

Protanopia

#A5A5CA

Deuteranopia

#A8ABC5

Tritanopia

#B5BBB7

Achromatopsia

#9C9C9C

CSS Usage

background-color: #B78EDD;
color: #B78EDD;
border-color: #B78EDD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC8EE
300
#C3A1E3
400
#A36ED3
500
#823BC4
600
#682F9D
700
#53267D
800
#411E62
900
#311948
950
#1F102D

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

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