#AF5653 Information

#AF5653 color RGB value is (175 , 86 , 83) , HEX triplet: af, 56 and 53. RGB value is (175 , 86 , 83). Sum of RGB (Red+Green+Blue) = 175+86+83=344 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 86 (33.73% from 255 or 40% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF5653 hue: 0.01 , saturation: 0.37 and the lightness value of af5653 is 0.51.

#af5653
(175 , 86 , 83)
  • R (175)
  • G (86)
  • B (83)
  • C (0)
  • M (34.9)
  • Y (36.08)
  • K (31.37)

Applying the #af5653

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

#aa514e
#a54c49
#a04744
#9b423f
#963d3a
#913835
#8c3330
#872e2b
#822926
#7d2421
#781f1c
#731a17
#bb625f
#c76e6b
#d37a77
#df8683
#eb928f
#f79e9b
#ffaaa7
#ffb6b3
#ffc2bf
#ffcecb
#ffdad7
#ffe6e3

Color spaces of #af5653

Type Values
RGB 175 86 83
HSL 0.01 0.37 0.51
HSV 2 53 69
CMYK 0 34.9 36.08 31.37
XYZ 22.5683 16.3941 10.1585
Hunter Lab 40.4896 28.6367 13.4721
CIE-Lab 47.4873 35.9639 18.7513

Base Numbers

BaseRedGreenBlue
Decimal 175 86 83
Binary 10101111 1010110 1010011
Octal 257 126 123
Hex AF 56 53

Monochromatic Colors

#c86f6c
#e18885
#faa19e
#ffbab7
#ffd3d0
#ffece9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af5653 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF5653 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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