#BE88FF

#BE88FF

Color Values

HEX

#BE88FF

RGB

190, 136, 255

HSL

267.2, 100.0%, 76.7%

HSV

267.2, 46.7%, 100.0%

CMYK

25.5%, 46.7%, 0.0%, 0.0%

OKLCH

0.7277 0.1735 303.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BE88FF

#C9FF88

Analogous

#888EFF

#F988FF

#BE88FF

Triadic

#BE88FF

#FFBE88

#88FFBE

Split Complementary

#BE88FF

#FFF988

#8EFF88

Tetradic

#BE88FF

#FF888E

#C9FF88

#88FFF9

Color Blindness Simulation

Original

#BE88FF

Protanopia

#A7A6E2

Deuteranopia

#AAAEDB

Tritanopia

#BBCBC6

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D8B8FF
300
#BC85FF
400
#9842FF
500
#7400FF
600
#5C00CC
700
#4A00A3
800
#3A0080
900
#2C055C
950
#1C033A

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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