Lavender Blue
Meet Lavender Blue (#CCCCFF), a color that sits at the intersection of cool blue and gentle purple. Its high brightness and low saturation give it a soft, almost ethereal quality, making it a versatile choice for modern digital interfaces that need a touch of subtle character.
Lavender Blue Code Conversions
HEX
#CCCCFF
LAB
84, 10, -25
RGB
204, 204, 255
XYZ
64.5, 63.2, 103.4
HSL
240°, 100%, 90%
LCH
84, 27, 292°
HSB
240°, 20%, 100%
LUV
84, -3, -42
HWB
240°, 80%, 0%
Lavender Blue Color Harmonies
Analogous
Sitting beside Lavender Blue on the color wheel, analogous colors form a cohesive and tranquil palette, ideal for creating a sense of calm.
Complementary
To find Lavender Blue's complementary shade, look to the opposite side of the color wheel. This pairing offers maximum contrast and visual energy.
Split Complementary
A split complementary scheme pairs Lavender Blue with the two colors neighboring its complement, creating a high-contrast look with less tension.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Lavender Blue as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Lavender Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
A square scheme pairs Lavender Blue with three other colors, all equidistant on the color wheel, creating a balanced yet highly contrasting palette.
Lavender Blue Contrast Simulation
Lavender Blue Color Variations
Shades
Shades are darker versions of Lavender Blue, made by adding black to create depth and weight.
Tints
Tints are lighter variations of Lavender Blue, created by adding white for a softer, airier effect.
Tones
Tones are created by mixing gray with Lavender Blue for a more subtle, desaturated effect.
Hues
Hues are variations of Lavender Blue that differ in intensity or temperature, affecting mood.
What Interfaces Use Colors Like Lavender Blue?






















