Lavender Blue Color – #ccccff: Codes and Complete Breakdown

The Lavender Blue color hex code is #ccccff, and it is composed of 80% red, 80% green and 100% blue.

Lavender Blue is a light, dull, desaturated, and cool color at 20% saturation. It has a contrast ratio of 1.54:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Lavender Blue color (#ccccff) against dark backgrounds.

Lavender Blue color

Lavender Blue Color Shades

Complementary colors

  1. #CCCCFF

  2. #FFFF66

Triadic colors

  1. #CCCCFF

  2. #FF6666

  3. #66FF66

Darker colors

  1. #9999FF

  2. #6666FF

  3. #3333FF

  4. #0000FF

  5. #0000CC

Analogous colors

  1. #CCFFFF

  2. #CCE6FF

  3. #CCCCFF

  4. #E6CCFF

  5. #FFCCFF

Monochromatic colors

  1. #8080FF

  2. #B3B3FF

  3. #E6E6FF

#ccccff

Lavender Blue Color Codes and Information

Here’s a complete breakdown of the color Lavender Blue, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#ccccff
RGBrgb(204,204,255)
HSLhsl(240,100%,90%)
CMYK20, 20, 0, 0
HSV240, 20, 100
RGB %80, 80, 100
XYZ64.5, 63.2, 103.4
LAB83.5, 10.3, -25
Color CategoryLight
Color FamilyBlue
Saturation20%
TemperatureCool
Contrast Ratio Againt White (#ffffff)1.54 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)13.65 (passes WCAG AA)

Similar Colors to Lavender Blue Color

  1. #16b8f3

    zima blue color 16b8f3

    Zima Blue

  2. #00308f

    us air force blue color 00308f

    US Air Force Blue

  3. #8093a4

    dusty blue color 8093a4

    Dusty Blue

  4. #4169e1

    royal blue color 4169e1

    Royal Blue

  5. #dde0df

    barely blue color dde0df

    Barely Blue

  6. #9bb3bc

    blue shell color 9bb3bc

    Blue Shell

  7. #cfe2ef

    weak blue color cfe2ef

    Weak Blue

  8. #bedbed

    twin blue color bedbed

    Twin Blue