#B268FF

#B268FF

Color Values

HEX

#B268FF

RGB

178, 104, 255

HSL

269,4, 100,0%, 70,4%

HSV

269,4, 59,2%, 100,0%

CMYK

30,2%, 59,2%, 0,0%, 0,0%

OKLCH

0,6676 0,2181 303,6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B268FF

#B5FF68

Analogous

#686AFF

#FD68FF

#B268FF

Triadic

#B268FF

#FFB268

#68FFB2

Split Complementary

#B268FF

#FFFD68

#6AFF68

Tetradic

#B268FF

#FF686A

#B5FF68

#68FFFD

Color Blindness Simulation

Original

#B268FF

Protanopia

#9291DB

Deuteranopia

#969CD2

Tritanopia

#AEBEB7

Achromatopsia

#838383

CSS Usage

background-color: #B268FF;
color: #B268FF;
border-color: #B268FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB8FF
300
#C185FF
400
#9F42FF
500
#7D00FF
600
#6400CC
700
#5000A3
800
#3E0080
900
#30055C
950
#1E033A

Contrast Checker

Text on white

3,32:1

AA Fail AAA Fail

Text on black

6,32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026