#B69ABB

#B69ABB

Color Values

HEX

#B69ABB

RGB

182, 154, 187

HSL

290.9, 19.5%, 66.9%

HSV

290.9, 17.6%, 73.3%

CMYK

2.7%, 17.6%, 0.0%, 26.7%

OKLCH

0.7219 0.0565 321.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B69ABB

#9FBB9A

Analogous

#A69ABB

#BB9AB0

#B69ABB

Triadic

#B69ABB

#BBB69A

#9ABBB6

Split Complementary

#B69ABB

#B0BB9A

#9ABBA6

Tetradic

#B69ABB

#BBA69A

#9FBB9A

#9AB0BB

Color Blindness Simulation

Original

#B69ABB

Protanopia

#AAAAB3

Deuteranopia

#ACAEB1

Tritanopia

#B5ADAB

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E2
300
#CAB6CE
400
#AD8EB3
500
#916798
600
#74527A
700
#5D4262
800
#48334C
900
#362839
950
#221924

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026