#B18CEB

#B18CEB

Color Values

HEX

#B18CEB

RGB

177, 140, 235

HSL

263.4, 70.4%, 73.5%

HSV

263.4, 40.4%, 92.2%

CMYK

24.7%, 40.4%, 0.0%, 7.8%

OKLCH

0.7119 0.1394 300.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B18CEB

#C6EB8C

Analogous

#8C96EB

#E18CEB

#B18CEB

Triadic

#B18CEB

#EBB18C

#8CEBB1

Split Complementary

#B18CEB

#EBE18C

#96EB8C

Tetradic

#B18CEB

#EB8C96

#C6EB8C

#8CEBE1

Color Blindness Simulation

Original

#B18CEB

Protanopia

#A1A1D4

Deuteranopia

#A3A6CE

Tritanopia

#AFC2BE

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE2F8
200
#D6C2F4
300
#B897ED
400
#925EE3
500
#6C26D9
600
#561EAE
700
#45188B
800
#36136D
900
#2A124F
950
#1A0B32

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026