#B696AA

#B696AA

Color Values

HEX

#B696AA

RGB

182, 150, 170

HSL

322.5, 18.0%, 65.1%

HSV

322.5, 17.6%, 71.4%

CMYK

0.0%, 17.6%, 6.6%, 28.6%

OKLCH

0.7083 0.0469 340.5

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#B696AA

#96B6A2

Analogous

#B296B6

#B6969A

#B696AA

Triadic

#B696AA

#AAB696

#96AAB6

Split Complementary

#B696AA

#9AB696

#96B6B2

Tetradic

#B696AA

#B6B296

#96B6A2

#969AB6

Color Blindness Simulation

Original

#B696AA

Protanopia

#A8A8A5

Deuteranopia

#AAACA4

Tritanopia

#B4A1A0

Achromatopsia

#9E9E9E

CSS Usage

background-color: #B696AA;
color: #B696AA;
border-color: #B696AA;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB7C5
400
#B290A5
500
#966985
600
#78546B
700
#604355
800
#4B3443
900
#382932
950
#241A20

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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