Coloried

Baby Purple

Baby Purple color is a vivid shade of light purple. Its hex code is #CA9BF7 and rgb code is rgb(202, 155, 247), Its CMYK value is cmyk(18%, 37%, 0%, 3%), and Its HSL value is hsl(271, 85%, 79%). The contrast ratio against white is 2.20:1, and against black, contrast ratio is 9.54:1. Its complementary color is #C8F79C and closest tailwind color is purple-400. This color goes well with #E713E4, #1613E7, #590DA0, #ECEF3E, and #3EEF41. To recreate the Baby Purple color, you can mix #FFFFFF and #9537EF.

Baby Purple color code
|
1. Color Conversions
HEX#CA9BF7
RGB202, 155, 247
HSL271°, 85%, 79%
HSV271°, 85%, 97%
CMYK18%, 37%, 0%, 3%
Web Safe#CC99FF
2. Contrast Ratio
Text on #FFFFFF2.20:1
Fail LargeFail Normal
Text on #0000009.54:1
AAA LargeAAA Normal
3. Baby Purple Color Code in CSS
HEX
#CA9BF7
RGB
rgb(202, 155, 247)
HSL
hsl(271, 85%, 79%)
Text Color
color: #CA9BF7;
Background
background-color: #CA9BF7;
Border Color
border-color: #CA9BF7;
Box Shadow
box-shadow: 0 4px 14px 0 #CA9BF780;
SCSS
$color-baby-purple: #CA9BF7;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B6B5E1
Deuteranopia#B8BCDB
Tritanopia#C8CFCB
Achromatopsia#B4B4B4
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Light Violet#D6B4FC
Pale Purple#B790D4
Pastel Lavender#D7B4F3
Mauve#E0B0FF
Pale Lilac#E4CBFF
Pastel Purple#C3B1E1
Wisteria#C9A0DC
Light Lavender#E5CFFB
Amethyst#9966CC
Light Pastel Purple#B19CD9
Color Ideas
Kingly Cloud#DFDFDF
Kiwi#9CEF43
Kiwi Green#8EE53F
Lapis Blue#15317E
Lapis Lazuli#26619C
Lava Orange#F76806
Lava Red#CF1020
Lavender#E6E6FA
Lavender Grey#C4C3D0
Lavender Pink#FBAED2
About Baby Purple
Color Name
Baby Purple
HEX
#CA9BF7
Color Family
purple
X11 Name
Purple
LAB
76.70, 8.20, -10.92
Preview Text
Aa