#B276CD

#B276CD

Color Values

HEX

#B276CD

RGB

178, 118, 205

HSL

281.4, 46.5%, 63.3%

HSV

281.4, 42.4%, 80.4%

CMYK

13.2%, 42.4%, 0.0%, 19.6%

OKLCH

0.6608 0.1398 314.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B276CD

#91CD76

Analogous

#8676CD

#CD76BC

#B276CD

Triadic

#B276CD

#CDB276

#76CDB2

Split Complementary

#B276CD

#BCCD76

#76CD86

Tetradic

#B276CD

#CD8676

#91CD76

#76BCCD

Color Blindness Simulation

Original

#B276CD

Protanopia

#9897B8

Deuteranopia

#9CA0B3

Tritanopia

#AFA7A4

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E2CBEC
300
#CDA5DE
400
#B175CD
500
#9644BB
600
#783795
700
#602C78
800
#4B225D
900
#381C45
950
#23122B

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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