#B68299

#B68299

Color Values

HEX

#B68299

RGB

182, 130, 153

HSL

333.5, 26.3%, 61.2%

HSV

333.5, 28.6%, 71.4%

CMYK

0.0%, 28.6%, 15.9%, 28.6%

OKLCH

0.665 0.0708 351.0

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#B68299

#82B69F

Analogous

#B682B3

#B68582

#B68299

Triadic

#B68299

#99B682

#8299B6

Split Complementary

#B68299

#82B685

#82B3B6

Tetradic

#B68299

#B3B682

#82B69F

#8582B6

Color Blindness Simulation

Original

#B68299

Protanopia

#9F9F93

Deuteranopia

#A2A692

Tritanopia

#B38F8E

Achromatopsia

#8F8F8F

CSS Usage

background-color: #B68299;
color: #B68299;
border-color: #B68299;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DA
300
#D2B2C0
400
#B9889E
500
#A15E7C
600
#814B63
700
#673C4F
800
#512F3E
900
#3C252F
950
#26171E

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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