#B681C4

#B681C4

Color Values

HEX

#B681C4

RGB

182, 129, 196

HSL

287.5, 36.2%, 63.7%

HSV

287.5, 34.2%, 76.9%

CMYK

7.1%, 34.2%, 0.0%, 23.1%

OKLCH

0.6795 0.1123 319.1

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B681C4

#8FC481

Analogous

#9481C4

#C481B0

#B681C4

Triadic

#B681C4

#C4B681

#81C4B6

Split Complementary

#B681C4

#B0C481

#81C494

Tetradic

#B681C4

#C49481

#8FC481

#81B0C4

Color Blindness Simulation

Original

#B681C4

Protanopia

#9F9FB4

Deuteranopia

#A2A6B0

Tritanopia

#B3A7A4

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E8F3
200
#E3CEE8
300
#CFACD8
400
#B57EC3
500
#9A51AE
600
#7C418B
700
#63346F
800
#4D2957
900
#3A2140
950
#241529

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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