#BD90FD

#BD90FD

Color Values

HEX

#BD90FD

RGB

189, 144, 253

HSL

264,8, 96,5%, 77,8%

HSV

264,8, 43,1%, 99,2%

CMYK

25,3%, 43,1%, 0,0%, 0,8%

OKLCH

0,7389 0,1583 301,7

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BD90FD

#D0FD90

Analogous

#9099FD

#F490FD

#BD90FD

Triadic

#BD90FD

#FDBD90

#90FDBD

Split Complementary

#BD90FD

#FDF490

#99FD90

Tetradic

#BD90FD

#FD9099

#D0FD90

#90FDF4

Color Blindness Simulation

Original

#BD90FD

Protanopia

#AAA9E3

Deuteranopia

#ACAFDC

Tritanopia

#BBCEC9

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D5B9FE
300
#B887FD
400
#9146FC
500
#6A04FB
600
#5504C8
700
#4403A0
800
#35027D
900
#29065B
950
#1A0439

Contrast Checker

Text on white

2,45:1

AA Fail AAA Fail

Text on black

8,57: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