#B82C75

#B82C75

Color Values

HEX

#B82C75

RGB

184, 44, 117

HSL

328.7, 61.4%, 44.7%

HSV

328.7, 76.1%, 72.2%

CMYK

0.0%, 76.1%, 36.4%, 27.8%

OKLCH

0.5348 0.1866 353.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B82C75

#2CB86F

Analogous

#B52CB8

#B82C2F

#B82C75

Triadic

#B82C75

#75B82C

#2C75B8

Split Complementary

#B82C75

#2FB82C

#2CB8B5

Tetradic

#B82C75

#B8B52C

#2CB86F

#2C2FB8

Color Blindness Simulation

Original

#B82C75

Protanopia

#7B7A63

Deuteranopia

#848E5F

Tritanopia

#B15552

Achromatopsia

#4F4F4F

CSS Usage

background-color: #B82C75;
color: #B82C75;
border-color: #B82C75;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DC
300
#E79CC3
400
#DB67A3
500
#CE3183
600
#A52769
700
#841F54
800
#671941
900
#4B1632
950
#300E1F

Contrast Checker

Text on white

5.75: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