Encycolorpedia

Lavender blue / #ccccff / #ccf Hex Color Code

Exact Matching Paints:

#ccccff Paint ChipThe color lavender blue with hexadecimal color code #ccccff / #ccf is a very light shade of blue-magenta. In the RGB color model #ccccff is comprised of 80% red, 80% green and 100% blue. In the HSL color space #ccccff has a hue of 240° (degrees), 100% saturation and 90% lightness. This color has an approximate wavelength of 464.2 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#ccccff linear gradient to complementary #edefdc

  1. #ccccff / #ccf
  2. #d2d2f9
  3. #d8d8f4
  4. #deddee
  5. #e3e3e8
  6. #e8e9e2
  7. #edefdc

Monochromatic Colors

  1. #a4a4d5
  2. #b1b1e3
  3. #bebff1
  4. #ccccff / #ccf
  5. #dadaff
  6. #e8e7ff
  7. #f6f5ff

Tones

  1. #ccccff / #ccf
  2. #d1d0fb
  3. #d5d5f7
  4. #dad9f3
  5. #deddee
  6. #e2e2ea
  7. #e6e6e6

Tints and Shades

#ccccff to white

  1. #ccccff / #ccf
  2. #d5d4ff
  3. #deddff
  4. #e6e5ff
  5. #eeeeff / #eef
  6. #f7f6ff
  7. #ffffff / #fff

#ccccff to black

  1. #ccccff / #ccf
  2. #a7a7d0
  3. #8383a2
  4. #616177
  5. #41414e
  6. #232329
  7. #000000 / #000

Paints

Exact Matching Paints

Similar Paints

  1. Caparol

    ★ 90 8 264 / Saphir 120
    #c8ccfc     ΔE = 1.287 / LRV ≈ 62.5%

  2. Plascon

    ★ Snow Iris B7-A2-2
    #c8c8fc     ΔE = 1.427 / LRV ≈ 60.6%

#ccccff HTML / CSS Code Examples

#ccccff foreground

I paint for myself. I don't know how to do anything else, anyway. Also I have to earn my living, and occupy myself.

Francis Bacon
<p style="color: #ccf">…</p>

#ccccff background

The only time I feel alive is when I'm painting.

Vincent Van Gogh
<p style="background-color: #ccf">…</p>

#ccccff shadow

An artist never really finishes his work; he merely abandons it.

Paul Valéry
<p style="text-shadow: 0.1em 0.1em 0.15em #ccf">…</p>

Color Charts

Color Space Conversions

Decimal
13421823
Binary
11001100, 11001100, 11111111
Hexadecimal
#ccccff / #ccf
LRV
≈ 63.2%
RGB
rgb(204, 204, 255)
RGBA
rgba(204, 204, 255, 1.0)
rg chromaticity
r: 0.308, g: 0.308, b: 0.385
RYB
red: 80.000%, yellow: 80.000%, blue: 100.000%
Android / android.graphics.Color
-3355393 / 0xffccccff
HSL
hsl(240, 100%, 90%)
HSLA
hsla(240, 100%, 90%, 1.0)
HSV / HSB
hue: 240° (240.000), saturation: 20% (0.200), value: 100% (1.000)
HSP
hue: 240.000, saturation: 20.000%, perceived brightness: 82.525%
HSLuv (HUSL)
H: 265.873, S: 99.985, L: 83.570
Cubehelix
H: -123.058, S: 0.617, L: 0.822
TSL
T: -2.951, S: 0.049, L: 0.823
CMYK
cyan: 20% (0.200), magenta: 20% (0.200), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 20% (0.200), magenta: 20% (0.200), yellow: 0% (0.000)
XYZ
X: 64.540, Y: 63.242, Z: 103.395
xyY
x: 0.279, y: 0.274, Y: 63.242
CIELab
L: 83.570, a: 10.296, b: -24.910
CIELuv
L: 83.570, u: -2.997, v: -41.538
CIELCH / LCHab
L: 83.570, C: 26.954, H: 292.457
CIELUV / LCHuv
L: 83.570, C: 41.646, H: 265.873
Hunter-Lab
L: 79.525, a: 5.698, b: -21.419
CIECAM02
J: 77.822, C: 30.425, h: 276.297, Q: 173.805, M: 26.606, s: 39.125, H: 319.928
OSA-UCS
lightness: -10.192, jaune: -4.449, green: -0.391
LMS
L: 57.673, M: 62.574, S: 102.732
YCbCr
Y: 196.234, Cb: 150.389, Cr: 124.379
YCoCg
Y: 216.750, Cg: -12.750, Co: 38.250
YDbDr
Y: 209.814, Db: 67.983, Dr: 11.067
YPbPr
Y: 207.672, Pb: 25.500, Pr: -2.346
xvYCC
Y: 194.354, Cb: 150.400, Cr: 125.939
YIQ
Y: 209.814, I: -16.384, Q: 15.868
YUV
Y: 209.814, U: 22.238, V: -5.101
Okhsl
h: 284.827, s: 1.000, l: 0.840
Okhsv
h: 284.827. s: 0.260, v: 1.000
Okhwb
h: 284.827, w: 0.740, b: 0.000
Oklab
l: 0.862, a: 0.018, b: -0.068
Oklch
l: 0.862, c: 0.070, h: 284.827
Munsell Color System
10PB 8/4 ΔE = 7.926
Brand Color
Heroku (light) ΔE = 6.015

Random Colors

Red

Green

Blue