#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

Tháng 1 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Tháng 1 21, 2026
Tutorials

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

Tháng 1 18, 2026