#B688AC

#B688AC

Color Values

HEX

#B688AC

RGB

182, 136, 172

HSL

313.0, 24.0%, 62.4%

HSV

313.0, 25.3%, 71.4%

CMYK

0.0%, 25.3%, 5.5%, 28.6%

OKLCH

0.6825 0.0743 334.2

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B688AC

#88B692

Analogous

#A988B6

#B68895

#B688AC

Triadic

#B688AC

#ACB688

#88ACB6

Split Complementary

#B688AC

#95B688

#88B6A9

Tetradic

#B688AC

#B6A988

#88B692

#8895B6

Color Blindness Simulation

Original

#B688AC

Protanopia

#A2A2A3

Deuteranopia

#A5A8A1

Tritanopia

#B49C9B

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E4D3E0
300
#D0B3CA
400
#B78AAD
500
#9E6191
600
#7E4E74
700
#653E5D
800
#4F3048
900
#3B2636
950
#251822

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

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