#B26296

#B26296

Color Values

HEX

#B26296

RGB

178, 98, 150

HSL

321.0, 34.2%, 54.1%

HSV

321.0, 44.9%, 69.8%

CMYK

0.0%, 44.9%, 15.7%, 30.2%

OKLCH

0.6044 0.1218 341.9

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#B26296

#62B27E

Analogous

#A662B2

#B2626E

#B26296

Triadic

#B26296

#96B262

#6296B2

Split Complementary

#B26296

#6EB262

#62B2A6

Tetradic

#B26296

#B2A662

#62B27E

#626EB2

Color Blindness Simulation

Original

#B26296

Protanopia

#8F8F89

Deuteranopia

#949A86

Tritanopia

#AE7F7D

Achromatopsia

#777777

CSS Usage

background-color: #B26296;
color: #B26296;
border-color: #B26296;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E8CFDF
300
#D7ADC8
400
#C180AA
500
#AB548D
600
#894370
700
#6E365A
800
#562A46
900
#3F2235
950
#281521

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

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