Light lavender Color — HEX, RGB, HSL & CMYK Codes

#dfc5fe
Format Value
HEX #dfc5fe
RGB rgb(223, 197, 254)
HSL hsl(267.4, 96.6%, 88.4%)
CMYK cmyk(12.2%, 22.4%, 0%, 0.4%)
HSV hsv(267.4, 22.4%, 99.6%)

light lavender color harmonies

Tints & shades of light lavender

Tints (lighter)

#e2cafe #e5d0fe #e8d5fe #ebdafe #eedffe #f0e5ff #f3eaff #f6efff #f9f4ff #fcfaff

Shades (darker)

#cbb3e7 #b6a1d0 #a28fb9 #8e7da2 #7a6b8b #655a73 #51485c #3d3645 #29242e #141217

Contrast & accessibility

The quick brown fox

On white · 1.55:1 · Fail

The quick brown fox

On black · 13.56:1 · AAA

Recommended text color: #000000

Use light lavender in code

CSS color: #dfc5fe;
SCSS $color: #dfc5fe;
Tailwind bg-[#dfc5fe]
Swift UIColor(red: 0.875, green: 0.773, blue: 0.996, alpha: 1)
Android Color.parseColor("#dfc5fe")
Flutter Color(0xFFDFC5FE)

Colors similar to light lavender

Browse all Blue colors →

What is the HEX code for light lavender?

The CSS color light lavender in HEX format is #dfc5fe. Use this value directly in CSS, SVG, and most design tools.

How do I use light lavender in CSS?

To apply light lavender in CSS:

  • Text color: color: #dfc5fe;
  • Background: background-color: #dfc5fe;
  • Border: border-color: #dfc5fe;

What are all the color format values for light lavender?

FormatValue
HEX#dfc5fe
RGBrgb(223, 197, 254)
HSLhsl(267.4, 96.6%, 88.4%)
CMYKcmyk(12.2%, 22.4%, 0%, 0.4%)

How do I convert light lavender to HEX?

Select light lavender from the color name list in our color converter. The HEX value — #dfc5fe — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light lavender belong to?

light lavender belongs to the blue color family. It is a light, vivid color with HSL values: hue 267.4°, saturation 96.6%, lightness 88.4%.

How do I create lighter and darker shades of light lavender?

Lighter variant (lightness 95%): #f1e6ff. Darker variant (lightness 73.4%): #b57afd. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.