#ccddff Color Hex Arc Light

Information about Arc Light Color | #0000FF

#ccddff color RGB value is (204,221,255). #ccddff color name is Arc Light color.

#ccddff hex color red value is 204 , green value is 221 and the blue value of its RGB is 255 . Cylindrical-coordinate representations (also known as HSL) of color #ccddff hue: 220 , saturation: 100 and the lightness value of #ccddff is 90

The process color (four color CMYK) of #ccddff color hex is 8 , 5 ,0, 0 .

#ccddff

~Arc Light

Color Converions

HEX
#ccddff
RGB
204,221,255
LAB
88,-1,-19
CMYK
20,13,0,0
LCH
88,19,-92
XYZ
69,72,105
HSV
220,20,100
HSL
220,100,90

Base Numbers

Base Red Green Blue
Binary 11001100 11011101 11111111
Octal 314 335 377
Decimal 204 221 255
Hex cc dd ff

RGB Percentages of Color #ccddff

80%
87%
100%

CMYK Percentages of Color #ccddff

8%
0%
5%
0%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #ccddff

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#ccddff
20%
#b8c7e6
30%
#a3b1cc
40%
#8f9bb3
50%
#7a8599
60%
#666f80
70%
#525866
80%
#3d424d
90%
#292c33
100%
#14161a

Tints of #ccddff

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#ccddff
20%
#d1e0ff
30%
#d6e4ff
40%
#dbe7ff
50%
#e0ebff
60%
#e6eeff
70%
#ebf1ff
80%
#f0f5ff
90%
#f5f8ff
100%
#fafcff

Tones of #ccddff

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#ccddff
20%
#c4d4f2
30%
#bdcae5
40%
#b5c1d9
50%
#adb8cc
60%
#a6aebf
70%
#9ea5b2
80%
#969ca6
90%
#8f9299
100%
#87898c

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#ccddff
#ccf1ff
#cce7ff
#ccddff
#ccd3ff
#cfccff

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#ccddff
#ffeecc

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ccddff
#f8ccff
#f1ffcc

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ccddff
#ffccdd
#ddffcc

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#ccddff
#ffccf6
#ffeecc
#ccffd5

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ccddff
#22252a
#444a55
#666f80
#8893aa
#aab8d4

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#ccddff

protanopia

#d4dafd

deuteranopia

#ded6ff

tritanopia

#c7dff0

achromatopsia

#dcdcdc

protanomaly

#d1dbfe

deuteranomaly

#d8d9ff

achromatopsia

#dcdcdc

tritanomaly

#c9def6

achromatomaly

#d6dce9

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 1/21
Hello World ! 1

Black background-color

Good 15/21
Hello World !

#ccddff Color CSS Codes

.bgcolor {background-color:#ccddff; } 
.forecolor {color:#ccddff; }
.bordercolor {border:3px solid #ccddff; }
            

#ccddff Text Font Color

<div style="color:#ccddff">
Div content here</div>

This sample text font color is #ccddff
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#ccddff Background Color

<div style="background-color:#ccddff">
Div content here</div>
Div content here

#ccddff Border Color

<div style="border:3px solid #ccddff">
Div here</div>

This div border color is #ccddff

#ccddff Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #ccddff; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #ccddff; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #ccddff;
  -webkit-box-shadow: 1px 1px 3px 2px #ccddff;
  box-shadow: 1px 1px 3px 2px #ccddff; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #ccddff">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #ccddff;
              -webkit-box-shadow: 1px 1px 3px 2px #ccddff;
              box-shadow:         1px 1px 3px 2px #ccddff#ccddff">
Div content here</div>

This div box has shadow with color #ccddff

More Colors

Crash Dummy
#eeee66
Dolphin Blue
#7d9da9
Peninsula
#37799c
Pink Delight
#ff8ad8
Italiano Rose
#d16169
Cedar Ridge
#9b6663
Bestial Red
#992211
Accessible Beige
#d2c7b7
Olive Drab
#6f7632
Lavender Steel
#c6cbdb
Great Dane
#d1a369
Minute Mauve
#cfc9c8
Plum Sauce
#6a3939
Brandeis Blue
#0070ff
Pirate Treasure
#ddca69
Hiroshima Aquamarine
#7fffd4
Brilliant Azure
#3399ff
Heavy Cream
#e8ddc6
Candy Heart Pink
#f5a2a1
More Mint
#e6e8c5
Grey Morning
#9eb0aa
Gallery Taupe
#d0c5b8
Glassware
#d1d9da
Olde World Gold
#8f6c3e
Artisan Red
#ac5b50
Mission Control
#818387
City Dweller
#c0b9ac
Australien
#cc9911
Acoustic White
#efece1
Poblano
#077f1b
Ghost Grey
#9c9b98
Muesli
#9e7e53
Dusky Dawn
#e5e1de
Impressionist Sky
#b9cee0
Flyway
#5db3d4
Kangaroo Fur
#c4ad92
King Kong
#161410
Lime Meringue
#e6ecd6
Good Luck
#86c994
rating-img
Rate this tool
NaN/5   0 votes