Coloried

Pale Lavender

Pale Lavender color is a vibrant shade of very light purple. Its hex code is #DCD0FF and rgb code is rgb(220, 208, 255), Its CMYK value is cmyk(14%, 18%, 0%, 0%), and Its HSL value is hsl(255, 100%, 91%). Against white, its contrast ratio of 1.45:1, while against black, the contrast ratio is 14.51:1. Complementary color is #F4FFD1 and closest tailwind color is violet-200. This color goes well with #CD38FF, #386AFF, #3B00EB, #FFDA6B, and #90FF6B. To create this Pale Lavender color, you can mix #FFFFFF and #B9A1FF.

Pale Lavender color code
|
1. Color Conversions
HEX#DCD0FF
RGB220, 208, 255
HSL255°, 100%, 91%
HSV255°, 100%, 100%
CMYK14%, 18%, 0%, 0%
Web Safe#CCCCFF
2. Contrast Ratio
Text on #FFFFFF1.45:1
Fail LargeFail Normal
Text on #00000014.51:1
AAA LargeAAA Normal
3. Pale Lavender Color Code in CSS
HEX
#DCD0FF
RGB
rgb(220, 208, 255)
HSL
hsl(255, 100%, 91%)
Text Color
color: #DCD0FF;
Background
background-color: #DCD0FF;
Border Color
border-color: #DCD0FF;
Box Shadow
box-shadow: 0 4px 14px 0 #DCD0FF80;
SCSS
$color-pale-lavender: #DCD0FF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#D7D7F4
Deuteranopia#D8D8F1
Tritanopia#DBEBE9
Achromatopsia#D9D9D9
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive