#AD6F65 Information

#AD6F65 color RGB value is (173 , 111 , 101) , HEX triplet: ad, 6f and 65. RGB value is (173 , 111 , 101). Sum of RGB (Red+Green+Blue) = 173+111+101=385 (Red value is 173 (67.84% from 255 or 80.47% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 101 (39.61% from 255 or 46.98% from 215); Max value from RGB is 173 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AD6F65 hue: 0.02 , saturation: 0.31 and the lightness value of ad6f65 is 0.54.

#ad6f65
(173 , 111 , 101)
  • R (173)
  • G (111)
  • B (101)
  • C (0)
  • M (24.31)
  • Y (28.24)
  • K (32.16)

Applying the #ad6f65

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

#a86a60
#a3655b
#9e6056
#995b51
#94564c
#8f5147
#8a4c42
#85473d
#804238
#7b3d33
#76382e
#713329
#b97b71
#c5877d
#d19389
#dd9f95
#e9aba1
#f5b7ad
#ffc3b9
#ffcfc5
#ffdbd1
#ffe7dd
#fff3e9
#fffff5

Color spaces of #ad6f65

Type Values
RGB 173 111 101
HSL 0.02 0.31 0.54
HSV 8 42 68
CMYK 0 24.31 28.24 32.16
XYZ 25.267 21.1927 15.0708
Hunter Lab 46.0355 17.4092 12.8213
CIE-Lab 53.1598 23.3932 15.785

Base Numbers

BaseRedGreenBlue
Decimal 173 111 101
Binary 10101101 1101111 1100101
Octal 255 157 145
Hex AD 6F 65

Monochromatic Colors

#c6887e
#dfa197
#f8bab0
#ffd3c9
#ffece2
#fffffb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ad6f65 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AD6F65 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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