#B820DF

#B820DF

Color Values

HEX

#B820DF

RGB

184, 32, 223

HSL

287.7, 74.9%, 50.0%

HSV

287.7, 85.7%, 87.5%

CMYK

17.5%, 85.7%, 0.0%, 12.5%

OKLCH

0.5849 0.2671 317.6

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#B820DF

#47DF20

Analogous

#5820DF

#DF20A7

#B820DF

Triadic

#B820DF

#DFB820

#20DFB8

Split Complementary

#B820DF

#A7DF20

#20DF58

Tetradic

#B820DF

#DF5820

#47DF20

#20A7DF

Color Blindness Simulation

Original

#B820DF

Protanopia

#7675B1

Deuteranopia

#7F8AA6

Tritanopia

#B08C84

Achromatopsia

#4E4E4E

CSS Usage

background-color: #B820DF;
color: #B820DF;
border-color: #B820DF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF2FC
100
#F4E2F9
200
#EBC1F6
300
#DD94F0
400
#CA5AE7
500
#B820DF
600
#931AB2
700
#76148F
800
#5C106F
900
#441051
950
#2B0A33

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026