Magical Core/Colors

#ccccff hex color

Information Conversion Base Numbers Schemes Shades Tints Tones Preview

#ccccff Color Information

In a RGB color space, hex #ccccff(is commonly known by the name Lavender Blue) is composed of 80% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 20% magenta, 0% yellow and 0% black. Cylindrical-coordinate representations (also known as HSL) of this color has a hue angle of 240 degrees, a saturation of 100% and a lightness of 90%. #ccccff (or #ccf) is a websafe color.

ccccff Lavender Blue color
80%
R
80%
G
100%
B
20%
C
20%
M
0%
Y
0%
K
#ccccff colour description : deep blue.

#ccccff Color Conversion Table

The hexadecimal color #ccccff has RGB values of R:204, G:204, B:255 and CMYK values of C:20, M:20, Y:0, K:0.

RGB 204, 204, 255 rgb(204,204,255)
CMYK 20, 20, 0, 0 cmyk(20,20,0,0)
HSV (or HSB) 240°, 20, 100 hsv(240,20,100)
HSL 240°, 100, 90 hsl(240,100,90)
XYZ 64.545, 63.243, 103.413 xyz(64.545,63.243,103.413)
YIQ 209.81, -16.39, 15.87 yiq(209.81,-16.39,15.87)
LAB 83.6, 10.3, -24.9 lab(83.6,10.3,-24.9)
More spaces: YIQ, YUV

#ccccff Color Base Numbers

Base Red Green Blue
Hex triplet cc cc ff
Decimal 204 204 255
Octal 314 314 377
Binary 11001100 11001100 11111111
Percent 80% 80% 100%

Color Schemes with #ccccff

Some colors work better together. Here, you'll find color harmonies and schemes specific to the hex color #ccccff. These color palettes have been mathematically proven to pair well in designs.

Complimentary

The Complementary Color scheme is made up of two colors. These two colors are opposite one another in the color spectrum. The first color is called the "base" #ccccff and the second color is called the "compliment" #ffffcc.

Split Complimentary

The Split Complementary Color scheme is made up of three colors. The base color #ccccff is paired with the two colors to the left and the right of compliment color #ffffcc.

Analagous

The Analagous color scheme is made up of three colors. The three colors sit next to one another on the color wheel. The palette is made in similar fashion to how the Split Complimentary palette is made. However, the two secondary colors are adjacent to the base, not the compliment.

Triadic

The Triadic color scheme is made up of three colors. When viewed on a color wheel, all three colors are spaced evenly (120°) apart.

Tetradic

The Tetradic color scheme is made up of four colors. When viewed on a color wheel, all four colors are spaced evenly (90°) apart.

Monochromatic

Shades and Tints with #ccccff

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00000d is the darkest color, while #f6f6ff is the lightest one.

Tones with #ccccff

A tone is produced by adding gray to any pure hue. In this case, #e3e3e8 is the less saturated color, while #ccccff is the most saturated one.

Preview with #ccccff

Text with hexadecimal color #ccccff
This text has a font color of #ccccff.
#ccccff background color
This paragraph has a background color of #ccccff.
#ccccff shadow color
This paragraph has a shadow color of #ccccff.
Text with glow color #ccccff
This paragraph has a glow color of #ccccff.
#ccccff box shadow
This element has a box shadow of #ccccff
#ccccff border color
This element has a border color of #ccccff.
Text with underline color #ccccff
This text has a underline color of #ccccff
Icons with color #ccccff