#B70EB5

#B70EB5

Color Values

HEX

#B70EB5

RGB

183, 14, 181

HSL

300.7, 85.8%, 38.6%

HSV

300.7, 92.3%, 71.8%

CMYK

0.0%, 92.3%, 1.1%, 28.2%

OKLCH

0.5489 0.2456 328.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B70EB5

#0EB710

Analogous

#640EB7

#B70E60

#B70EB5

Triadic

#B70EB5

#B5B70E

#0EB5B7

Split Complementary

#B70EB5

#60B70E

#0EB764

Tetradic

#B70EB5

#B7640E

#0EB710

#0E60B7

Color Blindness Simulation

Original

#B70EB5

Protanopia

#6E6C8D

Deuteranopia

#788483

Tritanopia

#AF6D66

Achromatopsia

#3E3E3E

CSS Usage

background-color: #B70EB5;
color: #B70EB5;
border-color: #B70EB5;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABDF9
300
#F68DF5
400
#F250F0
500
#ED12EA
600
#BE0EBB
700
#980C96
800
#760975
900
#560B55
950
#360736

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026