#B770EB

#B770EB

Color Values

HEX

#B770EB

RGB

183, 112, 235

HSL

274.6, 75.5%, 68.0%

HSV

274.6, 52.3%, 92.2%

CMYK

22.1%, 52.3%, 0.0%, 7.8%

OKLCH

0.6724 0.1855 308.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B770EB

#A4EB70

Analogous

#7970EB

#EB70E2

#B770EB

Triadic

#B770EB

#EBB770

#70EBB7

Split Complementary

#B770EB

#E2EB70

#70EB79

Tetradic

#B770EB

#EB7970

#A4EB70

#70E2EB

Color Blindness Simulation

Original

#B770EB

Protanopia

#9898CD

Deuteranopia

#9CA2C6

Tritanopia

#B3B6B1

Achromatopsia

#888888

CSS Usage

background-color: #B770EB;
color: #B770EB;
border-color: #B770EB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F6
300
#C994F0
400
#AC59E8
500
#8E1FE0
600
#7219B3
700
#5B148F
800
#471070
900
#351051
950
#220A33

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53: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