#B112BA

#B112BA

Color Values

HEX

#B112BA

RGB

177, 18, 186

HSL

296,8, 82,4%, 40,0%

HSV

296,8, 90,3%, 72,9%

CMYK

4,8%, 90,3%, 0,0%, 27,1%

OKLCH

0,5439 0,2452 325,6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B112BA

#1BBA12

Analogous

#5D12BA

#BA126F

#B112BA

Triadic

#B112BA

#BAB112

#12BAB1

Split Complementary

#B112BA

#6FBA12

#12BA5D

Tetradic

#B112BA

#BA5D12

#1BBA12

#126FBA

Color Blindness Simulation

Original

#B112BA

Protanopia

#6C6B91

Deuteranopia

#758188

Tritanopia

#A9716A

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F6BEF9
300
#EF8FF4
400
#E653EE
500
#DD16E9
600
#B112BA
700
#8E0E95
800
#6F0B74
900
#510D54
950
#330835

Contrast Checker

Text on white

5,73:1

AA Pass AAA Fail

Text on black

3,66:1

AA Fail 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