#B22965

#B22965

Color Values

HEX

#B22965

RGB

178, 41, 101

HSL

333.7, 62.6%, 42.9%

HSV

333.7, 77.0%, 69.8%

CMYK

0.0%, 77.0%, 43.3%, 30.2%

OKLCH

0.5166 0.1785 359.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B22965

#29B276

Analogous

#B229A9

#B23129

#B22965

Triadic

#B22965

#65B229

#2965B2

Split Complementary

#B22965

#29B231

#29A9B2

Tetradic

#B22965

#A9B229

#29B276

#3129B2

Color Blindness Simulation

Original

#B22965

Protanopia

#777556

Deuteranopia

#7F8953

Tritanopia

#AB4B48

Achromatopsia

#4A4A4A

CSS Usage

background-color: #B22965;
color: #B22965;
border-color: #B22965;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F7
100
#F7E4EC
200
#F2C5D9
300
#E89BBD
400
#DC6699
500
#CF3076
600
#A6265E
700
#851F4B
800
#68183B
900
#4C152D
950
#300D1C

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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