#C455D8 Information

#C455D8 color RGB value is (196 , 85 , 216) , HEX triplet: c4, 55 and d8. RGB value is (196 , 85 , 216). Sum of RGB (Red+Green+Blue) = 196+85+216=497 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 216 (84.71% from 255 or 100.47% from 215); Max value from RGB is 216 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #C455D8 hue: 0.81 , saturation: 0.63 and the lightness value of c455d8 is 0.59.

#c455d8
(196 , 85 , 216)
  • R (196)
  • G (85)
  • B (216)
  • C (7.84)
  • M (51.37)
  • Y (0)
  • K (15.29)

Applying the #c455d8

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

#bf50d3
#ba4bce
#b546c9
#b041c4
#ab3cbf
#a637ba
#a132b5
#9c2db0
#9728ab
#9223a6
#8d1ea1
#88199c
#d061e4
#dc6df0
#e879fc
#f485ff
#ff91ff
#ff9dff
#ffa9ff
#ffb5ff
#ffc1ff
#ffcdff
#ffd9ff
#ffe5ff

Color spaces of #c455d8

Type Values
RGB 196 85 216
HSL 0.81 0.63 0.59
HSV 291 61 85
CMYK 7.84 51.37 0 15.29
XYZ 38.4081 23.1906 67.4177
Hunter Lab 48.1567 58.0915 -49.2644
CIE-Lab 55.2682 62.4661 -47.5886

Base Numbers

BaseRedGreenBlue
Decimal 196 85 216
Binary 11000100 1010101 11011000
Octal 304 125 330
Hex C4 55 D8

Monochromatic Colors

#dd6ef1
#f687ff
#ffa0ff
#ffb9ff
#ffd2ff
#ffebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c455d8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C455D8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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