Light Purple

#DAB1DA
RGB
218, 177, 218
HSL
300°, 36%, 77%
CMYK
0, 19, 0, 15
HSV
300°, 19%, 85%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DAB1DA color: #DAB1DA;
RGB 218, 177, 218 color: rgb(218, 177, 218);
RGB Percentage 85%, 69%, 85% color: rgb(85%, 69%, 85%);
CMYK 0%, 19%, 0%, 15% Not supported in CSS
HSL 300°, 36%, 77% color: hsl(300, 36%, 77%);
HSV 300°, 19%, 85% Not supported in CSS
CIE-LAB 62, 8, -14 color: lab(62% 8 -14);
Decimal 14332378 Not supported in CSS

Color Variations

Shades

#D9AFD9
#CD95CD
#C07AC0
#B45FB4
#A04BA0
#863F86
#6B326B
#502650

Tints

#F4E7F4
#F0DFF0
#ECD7EC
#E8CFE8
#E5C7E5
#E1BFE1
#DDB7DD
#D9AFD9

Tones

#D9AFD9
#D7B1D7
#D5B3D5
#D3B6D3
#D1B8D1
#CFBACF
#CDBCCD
#CBBECB

Hues

#D9AFD9
#D9AFBA
#D9C4AF
#CFD9AF
#AFD9AF
#AFD9CF
#AFC4D9
#BAAFD9

Color Harmonies

Analogous

#C4AFD9
Click to copy
Light Purple
95%
#DAB1DA
Click to copy
Light purple
100%
#D9AFC4
Click to copy
Light Magenta
95%

Complementary

#DAB1DA
Click to copy
Light purple
100%
#AFD9AF
Click to copy
Light Green
83%

Split Complementary

#DAB1DA
Click to copy
Light purple
100%
#C4D9AF
Click to copy
Light Green
86%
#AFD9C4
Click to copy
Light Cyan
86%

Triadic

#DAB1DA
Click to copy
Light purple
100%
#D9D9AF
Click to copy
Light Yellow
87%
#AFD9D9
Click to copy
Light Cyan
87%

Tetradic

#DAB1DA
Click to copy
Light purple
100%
#D9C4AF
Click to copy
Light Orange
89%
#AFD9AF
Click to copy
Light Green
83%
#AFC4D9
Click to copy
Light Blue
89%

Square

#DAB1DA
Click to copy
Light purple
100%
#D9C4AF
Click to copy
Light Orange
89%
#AFD9AF
Click to copy
Light Green
83%
#AFC4D9
Click to copy
Light Blue
89%

CSS & Dev Snippets

CSS
.light-purple {
  color: #DAB1DA;
}
SCSS
$light-purple: #DAB1DA;
RGB
rgb(218, 177, 218)

Accessibility & Contrast

White background

1.86:1
1.86
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.28:1
11.28
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags