#BEABCF

#BEABCF

Color Values

HEX

#BEABCF

RGB

190, 171, 207

HSL

271.7, 27.3%, 74.1%

HSV

271.7, 17.4%, 81.2%

CMYK

8.2%, 17.4%, 0.0%, 18.8%

OKLCH

0.7691 0.0546 308.8

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BEABCF

#BCCFAB

Analogous

#ACABCF

#CFABCE

#BEABCF

Triadic

#BEABCF

#CFBEAB

#ABCFBE

Split Complementary

#BEABCF

#CECFAB

#ABCFAC

Tetradic

#BEABCF

#CFACAB

#BCCFAB

#ABCECF

Color Blindness Simulation

Original

#BEABCF

Protanopia

#B6B6C6

Deuteranopia

#B7B8C4

Tritanopia

#BDBFBE

Achromatopsia

#B2B2B2

CSS Usage

background-color: #BEABCF;
color: #BEABCF;
border-color: #BEABCF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD2E5
300
#C3B1D3
400
#A287BA
500
#815DA2
600
#684A82
700
#533B68
800
#412E51
900
#31253C
950
#1F1726

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026