#C45040 Information

#C45040 color RGB value is (196 , 80 , 64) , HEX triplet: c4, 50 and 40. RGB value is (196 , 80 , 64). Sum of RGB (Red+Green+Blue) = 196+80+64=340 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 80 (31.37% from 255 or 37.21% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C45040 hue: 0.02 , saturation: 0.53 and the lightness value of c45040 is 0.51.

#c45040
(196 , 80 , 64)
  • R (196)
  • G (80)
  • B (64)
  • C (0)
  • M (45.49)
  • Y (51.76)
  • K (23.14)

Applying the #c45040

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

#bf4b3b
#ba4636
#b54131
#b03c2c
#ab3727
#a63222
#a12d1d
#9c2818
#972313
#921e0e
#8d1909
#881404
#d05c4c
#dc6858
#e87464
#f48070
#ff8c7c
#ff9888
#ffa494
#ffb0a0
#ffbcac
#ffc8b8
#ffd4c4
#ffe0d0

Color spaces of #c45040

Type Values
RGB 196 80 64
HSL 0.02 0.53 0.51
HSV 7 67 77
CMYK 0 45.49 51.76 23.14
XYZ 26.559 17.8432 6.8948
Hunter Lab 42.2413 38.309 19.8942
CIE-Lab 49.3054 45.3958 32.8788

Base Numbers

BaseRedGreenBlue
Decimal 196 80 64
Binary 11000100 1010000 1000000
Octal 304 120 100
Hex C4 50 40

Monochromatic Colors

#dd6959
#f68272
#ff9b8b
#ffb4a4
#ffcdbd
#ffe6d6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c45040 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C45040 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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