#B09FE8

#B09FE8

Color Values

HEX

#B09FE8

RGB

176, 159, 232

HSL

254.0, 61.3%, 76.7%

HSV

254.0, 31.5%, 91.0%

CMYK

24.1%, 31.5%, 0.0%, 9.0%

OKLCH

0.7442 0.105 294.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B09FE8

#D7E89F

Analogous

#9FB3E8

#D59FE8

#B09FE8

Triadic

#B09FE8

#E8B09F

#9FE8B0

Split Complementary

#B09FE8

#E8D59F

#B3E89F

Tetradic

#B09FE8

#E89FB3

#D7E89F

#9FE8D5

Color Blindness Simulation

Original

#B09FE8

Protanopia

#A9A8D6

Deuteranopia

#AAABD2

Tritanopia

#AFC8C5

Achromatopsia

#A8A8A8

CSS Usage

background-color: #B09FE8;
color: #B09FE8;
border-color: #B09FE8;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#D0C5F1
300
#AE9CE7
400
#8267DA
500
#5631CE
600
#4527A5
700
#372084
800
#2B1967
900
#22164B
950
#160E2F

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.97:1

AA Pass AAA Pass

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