#B60ABC

#B60ABC

Color Values

HEX

#B60ABC

RGB

182, 10, 188

HSL

298.0, 89.9%, 38.8%

HSV

298.0, 94.7%, 73.7%

CMYK

3.2%, 94.7%, 0.0%, 26.3%

OKLCH

0.5507 0.2513 326.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B60ABC

#10BC0A

Analogous

#5D0ABC

#BC0A69

#B60ABC

Triadic

#B60ABC

#BCB60A

#0ABCB6

Split Complementary

#B60ABC

#69BC0A

#0ABC5D

Tetradic

#B60ABC

#BC5D0A

#10BC0A

#0A69BC

Color Blindness Simulation

Original

#B60ABC

Protanopia

#6B6A91

Deuteranopia

#768287

Tritanopia

#AD6F67

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#F9BBFB
300
#F58BF9
400
#F04CF5
500
#EA0DF2
600
#BC0AC2
700
#96089B
800
#750679
900
#550958
950
#360637

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.76:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026