#C4694C Information

#C4694C color RGB value is (196 , 105 , 76) , HEX triplet: c4, 69 and 4c. RGB value is (196 , 105 , 76). Sum of RGB (Red+Green+Blue) = 196+105+76=377 (Red value is 196 (76.86% from 255 or 91.16% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 76 (29.8% from 255 or 35.35% from 215); Max value from RGB is 196 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #C4694C hue: 0.04 , saturation: 0.5 and the lightness value of c4694c is 0.53.

#c4694c
(196 , 105 , 76)
  • R (196)
  • G (105)
  • B (76)
  • C (0)
  • M (35.69)
  • Y (47.06)
  • K (23.14)

Applying the #c4694c

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

#bf6447
#ba5f42
#b55a3d
#b05538
#ab5033
#a64b2e
#a14629
#9c4124
#973c1f
#92371a
#8d3215
#882d10
#d07558
#dc8164
#e88d70
#f4997c
#ffa588
#ffb194
#ffbda0
#ffc9ac
#ffd5b8
#ffe1c4
#ffedd0
#fff9dc

Color spaces of #c4694c

Type Values
RGB 196 105 76
HSL 0.04 0.5 0.53
HSV 15 61 77
CMYK 0 35.69 47.06 23.14
XYZ 29.121 22.3607 9.6187
Hunter Lab 47.2871 27.1741 21.0444
CIE-Lab 54.4077 33.5934 32.319

Base Numbers

BaseRedGreenBlue
Decimal 196 105 76
Binary 11000100 1101001 1001100
Octal 304 151 114
Hex C4 69 4C

Monochromatic Colors

#dd8265
#f69b7e
#ffb497
#ffcdb0
#ffe6c9
#ffffe2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#c4694c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#C4694C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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