Html Css Color HEX #CCD2E9 Periwinkle

📋 copy color: '#CCD2E9'

red 204 ◦ green 210 ◦ blue 233

#CCD2E9
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Periwinkle #CCD2E9

#CCD2E9
#A3A8BA
#828695
#686B77
#53565F
#42454C
#35373D
#2A2C31
#222327
#1B1C1F
#161619
#121214
Black

Tints of Periwinkle #CCD2E9

#CCD2E9
#D6DBED
#DEE2F1
#E5E8F4
#EAEDF6
#EEF1F8
#F1F4F9
#F4F6FA
#F6F8FB
#F8F9FC
#F9FAFD
#FAFBFD
White

RGB

 RED value IS 204 (80.08% from 255) = 31.53%

 GREEN value IS 210 (82.42% from 255) = 32.46%

 BLUE value IS 233 (91.41% from 255) = 36.01%

R = 31.53%
G = 32.46%
B = 36.01%

CMYK

 C value IS 0.12

 M value IS 0.10

 Y value IS 0

 K value IS 0.09

RGB Variations

RGB:
#CCD2E9
RBG:
#CCE9D2
GRB:
#D2CCE9
GBR:
#D2E9CC
BRG:
#E9CCE9
BGR:
#E9D2CC

Color information

#CCD2E9 (or 0xCCD2E9) is known color: Periwinkle. HEX triplet: CC, D2 and E9. RGB value is (204,210,233). Sum of RGB (Red+Green+Blue) = 204+210+233=647 (85% of max value = 765). Red value is 204 (80.08% from 255 or 31.53% from 647); Green value is 210 (82.42% from 255 or 32.46% from 647); Blue value is 233 (91.41% from 255 or 36.01% from 647); Max value from RGB is 233 - color contains mainly: blue. Hex color #CCD2E9 is not a web safe color. Web safe color analog (approx): #CCCCFF. Inversed color of #CCD2E9 is #332D16. Grayscale: #D2D2D2. Windows color (decimal): -3353879 or 15323852. OLE color: 15323852.

HSL color Cylindrical-coordinate representation of color #CCD2E9: hue angle of 227.59º degrees, saturation: 0.4, lightness: 0.86%. HSV value (or HSB Brightness) of color is 0.91% and HSV saturation: 0.12%. Process color model (Four color, CMYK) of #CCD2E9 is Cyan = 0.12, Magento = 0.10, Yellow = 0 and Black (K on CMYK) = 0.09.

Color convert

RGB 204 210 233 -
CMYK 0.12 0.10 0 0.09
HSL 227.59º 0.4% 0.86% -
HSV(B) 227.59º 0.12% 0.91% -
XYZ 62.66 64.81 86.3 -
YUV 210.83 140.51 123.13 -
System Red Green Blue C M Y K H S L
Decimal 204 210 233 0.12 0.10 0 0.09 227.59 0.4 0.86
Hex CC D2 E9 C A 0 9 E4 28 56
Octal 314 322 351 14 12 0 11 344 50 126
Binary 11001100 11010010 11101001 1100 1010 0 1001 11100100 101000 1010110

Color Harmonies of #CCD2E9

Triadic Colors

#E9CCD2
#D2E9CC

Analogous colors

#D4CCE9
#CCE0E9

Split complements colors

#E9D4CC
#E0E9CC

Complementary color

#E9E3CC

Monochromatic Colors of #CCD2E9

#F2F3F9
#E6E9F4
#ACAEB7
#999DAE
#666974
#4C4E57

Black with #CCD2E9

Text Example


Text Example

White with #CCD2E9

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #CCD2E9; }

 p { color: rgb(204,210,233); }

 H1.HeaderClassName
 {
   color: #CCD2E9;
 }
 .AnyTagClassName
 {
   color: #CCD2E9;
 }
</style>

background-color css

<style>
 a { background-color: #CCD2E9; }

 a { background-color: rgb(204,210,233); }

 div.DivClassName
 {
   background-color: #CCD2E9;
 }
 .BgClassName
 {
   background-color: #CCD2E9;
 }
</style>

border-color css

<style>
 span { border-color: #CCD2E9; }

 span { border-color: rgb(204,210,233); }

 td.TdClassName
 {
   border-color: #CCD2E9;
 }
 .TagClassName
 {
   border-color: #CCD2E9;
 }
</style>