#B368BD

#B368BD

Color Values

HEX

#B368BD

RGB

179, 104, 189

HSL

292.9, 39.2%, 57.5%

HSV

292.9, 45.0%, 74.1%

CMYK

5.3%, 45.0%, 0.0%, 25.9%

OKLCH

0.6319 0.147 322.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B368BD

#72BD68

Analogous

#8968BD

#BD689D

#B368BD

Triadic

#B368BD

#BDB368

#68BDB3

Split Complementary

#B368BD

#9DBD68

#68BD89

Tetradic

#B368BD

#BD8968

#72BD68

#689DBD

Color Blindness Simulation

Original

#B368BD

Protanopia

#9392A8

Deuteranopia

#979CA3

Tritanopia

#AF9895

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDE9
300
#D4AADA
400
#BD7CC6
500
#A64EB1
600
#853E8E
700
#6A3272
800
#532759
900
#3D1F42
950
#271429

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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