#B70ABC

#B70ABC

Color Values

HEX

#B70ABC

RGB

183, 10, 188

HSL

298.3, 89.9%, 38.8%

HSV

298.3, 94.7%, 73.7%

CMYK

2.7%, 94.7%, 0.0%, 26.3%

OKLCH

0.5523 0.2517 326.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B70ABC

#0FBC0A

Analogous

#5E0ABC

#BC0A68

#B70ABC

Triadic

#B70ABC

#BCB70A

#0ABCB7

Split Complementary

#B70ABC

#68BC0A

#0ABC5E

Tetradic

#B70ABC

#BC5E0A

#0FBC0A

#0A68BC

Color Blindness Simulation

Original

#B70ABC

Protanopia

#6C6B91

Deuteranopia

#768387

Tritanopia

#AE6F67

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABBFB
300
#F68BF9
400
#F14CF5
500
#EC0DF2
600
#BD0AC2
700
#97089B
800
#760679
900
#550958
950
#360637

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026