#B285D8

#B285D8

Color Values

HEX

#B285D8

RGB

178, 133, 216

HSL

272.5, 51.6%, 68.4%

HSV

272.5, 38.4%, 84.7%

CMYK

17.6%, 38.4%, 0.0%, 15.3%

OKLCH

0.6914 0.1272 308.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B285D8

#ABD885

Analogous

#8885D8

#D885D5

#B285D8

Triadic

#B285D8

#D8B285

#85D8B2

Split Complementary

#B285D8

#D5D885

#85D888

Tetradic

#B285D8

#D88885

#ABD885

#85D5D8

Color Blindness Simulation

Original

#B285D8

Protanopia

#9F9EC4

Deuteranopia

#A1A4BF

Tritanopia

#B0B4B1

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C4A2E1
400
#A570D1
500
#853EC1
600
#6A319B
700
#55277C
800
#421F61
900
#321A47
950
#20102D

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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