#B746FC

#B746FC

Color Values

HEX

#B746FC

RGB

183, 70, 252

HSL

277.3, 96.8%, 63.1%

HSV

277.3, 72.2%, 98.8%

CMYK

27.4%, 72.2%, 0.0%, 1.2%

OKLCH

0.6315 0.2585 309.1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B746FC

#8BFC46

Analogous

#5C46FC

#FC46E6

#B746FC

Triadic

#B746FC

#FCB746

#46FCB7

Split Complementary

#B746FC

#E6FC46

#46FC5C

Tetradic

#B746FC

#FC5C46

#8BFC46

#46E6FC

Color Blindness Simulation

Original

#B746FC

Protanopia

#8685D0

Deuteranopia

#8D95C5

Tritanopia

#B1ADA6

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F1DEFC
200
#E4B9FE
300
#D087FD
400
#B745FC
500
#9E04FB
600
#7E03C9
700
#6503A1
800
#4F027D
900
#3B065B
950
#250439

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass 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