#AF7552 Information

#AF7552 color RGB value is (175 , 117 , 82) , HEX triplet: af, 75 and 52. RGB value is (175 , 117 , 82). Sum of RGB (Red+Green+Blue) = 175+117+82=374 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 117 (45.88% from 255 or 54.42% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF7552 hue: 0.06 , saturation: 0.37 and the lightness value of af7552 is 0.5.

#af7552
(175 , 117 , 82)
  • R (175)
  • G (117)
  • B (82)
  • C (0)
  • M (22.75)
  • Y (36.47)
  • K (31.37)

Applying the #af7552

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

#aa704d
#a56b48
#a06643
#9b613e
#965c39
#915734
#8c522f
#874d2a
#824825
#7d4320
#783e1b
#733916
#bb815e
#c78d6a
#d39976
#dfa582
#ebb18e
#f7bd9a
#ffc9a6
#ffd5b2
#ffe1be
#ffedca
#fff9d6
#ffffe2

Color spaces of #af7552

Type Values
RGB 175 117 82
HSL 0.06 0.37 0.5
HSV 23 53 69
CMYK 0 22.75 36.47 31.37
XYZ 25.5635 22.4457 10.9678
Hunter Lab 47.3769 13.405 19.4425
CIE-Lab 54.4968 18.8828 28.4891

Base Numbers

BaseRedGreenBlue
Decimal 175 117 82
Binary 10101111 1110101 1010010
Octal 257 165 122
Hex AF 75 52

Monochromatic Colors

#c88e6b
#e1a784
#fac09d
#ffd9b6
#fff2cf
#ffffe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af7552 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF7552 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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