#B674AF

#B674AF

Color Values

HEX

#B674AF

RGB

182, 116, 175

HSL

306.4, 31.1%, 58.4%

HSV

306.4, 36.3%, 71.4%

CMYK

0.0%, 36.3%, 3.8%, 28.6%

OKLCH

0.6485 0.1139 330.6

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#B674AF

#74B67B

Analogous

#9C74B6

#B6748E

#B674AF

Triadic

#B674AF

#AFB674

#74AFB6

Split Complementary

#B674AF

#8EB674

#74B69C

Tetradic

#B674AF

#B69C74

#74B67B

#748EB6

Color Blindness Simulation

Original

#B674AF

Protanopia

#9999A1

Deuteranopia

#9DA29D

Tritanopia

#B39593

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E6D0E4
300
#D5AFD1
400
#BE83B8
500
#A7589F
600
#86467F
700
#6B3866
800
#542C4F
900
#3E233B
950
#271625

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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