#AF6767 Information

#AF6767 color RGB value is (175 , 103 , 103) , HEX triplet: af, 67 and 67. RGB value is (175 , 103 , 103). Sum of RGB (Red+Green+Blue) = 175+103+103=381 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 103 (40.39% from 255 or 47.91% from 215); Blue value is 103 (40.39% from 255 or 47.91% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF6767 hue: 0 , saturation: 0.31 and the lightness value of af6767 is 0.55.

#af6767
(175 , 103 , 103)
  • R (175)
  • G (103)
  • B (103)
  • C (0)
  • M (28.24)
  • Y (28.24)
  • K (31.37)

Applying the #af6767

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

#aa6262
#a55d5d
#a05858
#9b5353
#964e4e
#914949
#8c4444
#873f3f
#823a3a
#7d3535
#783030
#732b2b
#bb7373
#c77f7f
#d38b8b
#df9797
#eba3a3
#f7afaf
#ffbbbb
#ffc7c7
#ffd3d3
#ffdfdf
#ffebeb
#fff7f7

Color spaces of #af6767

Type Values
RGB 175 103 103
HSL 0 0.31 0.55
HSV 0 41 69
CMYK 0 28.24 28.24 31.37
XYZ 24.9776 19.7937 15.3361
Hunter Lab 44.4901 22.3558 10.7122
CIE-Lab 51.6032 28.8705 12.4978

Base Numbers

BaseRedGreenBlue
Decimal 175 103 103
Binary 10101111 1100111 1100111
Octal 257 147 147
Hex AF 67 67

Monochromatic Colors

#c88080
#e19999
#fab2b2
#ffcbcb
#ffe4e4
#fffdfd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af6767 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF6767 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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