#B489DC

#B489DC

Color Values

HEX

#B489DC

RGB

180, 137, 220

HSL

271.1, 54.2%, 70.0%

HSV

271.1, 37.7%, 86.3%

CMYK

18.2%, 37.7%, 0.0%, 13.7%

OKLCH

0.7022 0.1261 307.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B489DC

#B1DC89

Analogous

#8B89DC

#DC89DA

#B489DC

Triadic

#B489DC

#DCB489

#89DCB4

Split Complementary

#B489DC

#DADC89

#89DC8B

Tetradic

#B489DC

#DC8B89

#B1DC89

#89DADC

Color Blindness Simulation

Original

#B489DC

Protanopia

#A1A1C8

Deuteranopia

#A4A7C3

Tritanopia

#B2B8B5

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC8EF
300
#C3A1E3
400
#A36ED4
500
#823AC5
600
#682F9D
700
#53257E
800
#411D62
900
#311948
950
#1F102E

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026