#B712ED

#B712ED

Color Values

HEX

#B712ED

RGB

183, 18, 237

HSL

285.2, 85.9%, 50.0%

HSV

285.2, 92.4%, 92.9%

CMYK

22.8%, 92.4%, 0.0%, 7.1%

OKLCH

0.5883 0.2838 314.4

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#B712ED

#48ED12

Analogous

#4912ED

#ED12B6

#B712ED

Triadic

#B712ED

#EDB712

#12EDB7

Split Complementary

#B712ED

#B6ED12

#12ED49

Tetradic

#B712ED

#ED4912

#48ED12

#12B6ED

Color Blindness Simulation

Original

#B712ED

Protanopia

#706EB8

Deuteranopia

#7986AB

Tritanopia

#AF8E85

Achromatopsia

#454545

CSS Usage

background-color: #B712ED;
color: #B712ED;
border-color: #B712ED;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF2FD
100
#F4E0FA
200
#EBBDFA
300
#DC8DF6
400
#CA50F2
500
#B712ED
600
#920EBE
700
#750C98
800
#5B0977
900
#430B56
950
#2B0736

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

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