Lavender blue Color — HEX, RGB, HSL & CMYK Codes

#8b88f8
Format Value
HEX #8b88f8
RGB rgb(139, 136, 248)
HSL hsl(241.6, 88.9%, 75.3%)
CMYK cmyk(44%, 45.2%, 0%, 2.7%)
HSV hsv(241.6, 45.2%, 97.3%)

lavender blue color harmonies

Tints & shades of lavender blue

Tints (lighter)

#9693f9 #a09ef9 #aba8fa #b5b3fb #c0befb #cac9fc #d5d4fc #dfdffd #eae9fe #f4f4fe

Shades (darker)

#7e7ce1 #726fcb #6563b4 #58579e #4c4a87 #3f3e71 #33315a #262544 #19192d #0d0c17

Contrast & accessibility

The quick brown fox

On white · 3.01:1 · AA Large

The quick brown fox

On black · 6.97:1 · AA

Recommended text color: #000000

Use lavender blue in code

CSS color: #8b88f8;
SCSS $color: #8b88f8;
Tailwind bg-[#8b88f8]
Swift UIColor(red: 0.545, green: 0.533, blue: 0.973, alpha: 1)
Android Color.parseColor("#8b88f8")
Flutter Color(0xFF8B88F8)

Colors similar to lavender blue

Browse all Blue colors →

What is the HEX code for lavender blue?

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

How do I use lavender blue in CSS?

To apply lavender blue in CSS:

  • Text color: color: #8b88f8;
  • Background: background-color: #8b88f8;
  • Border: border-color: #8b88f8;

What are all the color format values for lavender blue?

FormatValue
HEX#8b88f8
RGBrgb(139, 136, 248)
HSLhsl(241.6, 88.9%, 75.3%)
CMYKcmyk(44%, 45.2%, 0%, 2.7%)

How do I convert lavender blue to HEX?

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

What color family does lavender blue belong to?

lavender blue belongs to the blue color family. It is a light, vivid color with HSL values: hue 241.6°, saturation 88.9%, lightness 75.3%.

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

Lighter variant (lightness 90.3%): #d1d0fc. Darker variant (lightness 60.3%): #4540f4. 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.