Coloried

Lotus
#DB87D4

What is Color Lotus

Lotus color is a clear shade of purple. Its hex code is #DB87D4 and rgb code is rgb(219, 135, 212), Its CMYK value is cmyk(0%, 38%, 3%, 14%), and Its HSL value is hsl(305, 54%, 69%). Against white, it has a contrast ratio of 2.49:1, while against black, the contrast ratio is 8.43:1. Its complementary color is #85DB8C and closest tailwind color is fuchsia-400. This color goes well with #992E5A, #6C2E99, #5E1C59, #72C039, and #39C088. To recreate the Lotus color, you can mix #ffffff and #b70fa9.

Image Preview

Lotus color code
Lotus color swatch #db87d4
1. Color Conversions
HEX#DB87D4
RGB219, 135, 212
HSL305°, 54%, 69%
HSV305°, 54%, 86%
CMYK0%, 38%, 3%, 14%
Web Safe#CC99CC
2. Contrast Ratio
Text on #FFFFFF2.49:1
Fail LargeFail Normal
Text on #0000008.43:1
AAA LargeAAA Normal
3. Lotus Color Code in CSS
HEX
#DB87D4
RGB
rgb(219, 135, 212)
HSL
hsl(305, 54%, 69%)
Text Color
color: #DB87D4;
Background
background-color: #DB87D4;
Border Color
border-color: #DB87D4;
Box Shadow
box-shadow: 0 4px 14px 0 #DB87D480;
SCSS
$color-lotus: #DB87D4;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
About Lotus
Color NameLotus
HEX#DB87D4
Color Family
fuchsia
X11 NameLotus
LAB73.64, 12.26, -7.11
Preview Text
Aa