#CCAFFF Information

#CCAFFF color RGB value is (204 , 175 , 255) , HEX triplet: cc, af and ff. RGB value is (204 , 175 , 255). Sum of RGB (Red+Green+Blue) = 204+175+255=634 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 175 (68.63% from 255 or 81.4% from 215); Blue value is 255 (100% from 255 or 118.6% from 215); Max value from RGB is 255 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #CCAFFF hue: 0.73 , saturation: 1 and the lightness value of ccafff is 0.84.

#ccafff
(204 , 175 , 255)
  • R (204)
  • G (175)
  • B (255)
  • C (20)
  • M (31.37)
  • Y (0)
  • K (0)

Applying the #ccafff

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#c7aafa
#c2a5f5
#bda0f0
#b89beb
#b396e6
#ae91e1
#a98cdc
#a487d7
#9f82d2
#9a7dcd
#9578c8
#9073c3
#d8bbff
#e4c7ff
#f0d3ff
#fcdfff
#ffebff
#fff7ff
#ffffff

Color spaces of #ccafff

Type Values
RGB 204 175 255
HSL 0.73 1 0.84
HSV 262 31 100
CMYK 20 31.37 0 0
XYZ 58.2818 50.7173 101.3254
Hunter Lab 71.2161 21.4529 -34.4758
CIE-Lab 76.5075 26.045 -35.7656

Base Numbers

BaseRedGreenBlue
Decimal 204 175 255
Binary 11001100 10101111 11111111
Octal 314 257 377
Hex CC AF FF

Monochromatic Colors

#e5c8ff
#fee1ff
#fffaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ccafff Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CCAFFF Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#ccafff">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#ccafff">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #ccafff">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #ccafff;
box-shadow: 1px 1px 4px #ccafff">You are Awesome</p>