#BEAFD4

#BEAFD4

Color Values

HEX

#BEAFD4

RGB

190, 175, 212

HSL

264.3, 30.1%, 75.9%

HSV

264.3, 17.5%, 83.1%

CMYK

10.4%, 17.5%, 0.0%, 16.9%

OKLCH

0.7787 0.0543 303.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEAFD4

#C5D4AF

Analogous

#AFB3D4

#D1AFD4

#BEAFD4

Triadic

#BEAFD4

#D4BEAF

#AFD4BE

Split Complementary

#BEAFD4

#D4D1AF

#B3D4AF

Tetradic

#BEAFD4

#D4AFB3

#C5D4AF

#AFD4D1

Color Blindness Simulation

Original

#BEAFD4

Protanopia

#B8B7CB

Deuteranopia

#B8BAC9

Tritanopia

#BDC4C2

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BEAFD4
400
#9B84BD
500
#7859A6
600
#604785
700
#4D396A
800
#3C2D53
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026