#BD6F74 Information

#BD6F74 color RGB value is (189 , 111 , 116) , HEX triplet: bd, 6f and 74. RGB value is (189 , 111 , 116). Sum of RGB (Red+Green+Blue) = 189+111+116=416 (Red value is 189 (74.12% from 255 or 87.91% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 189 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #BD6F74 hue: 0.99 , saturation: 0.37 and the lightness value of bd6f74 is 0.59.

#bd6f74
(189 , 111 , 116)
  • R (189)
  • G (111)
  • B (116)
  • C (0)
  • M (30.59)
  • Y (28.63)
  • K (25.88)

Applying the #bd6f74

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

#b86a6f
#b3656a
#ae6065
#a95b60
#a4565b
#9f5156
#9a4c51
#95474c
#904247
#8b3d42
#86383d
#813338
#c97b80
#d5878c
#e19398
#ed9fa4
#f9abb0
#ffb7bc
#ffc3c8
#ffcfd4
#ffdbe0
#ffe7ec
#fff3f8
#ffffff

Color spaces of #bd6f74

Type Values
RGB 189 111 116
HSL 0.99 0.37 0.59
HSV 356 41 74
CMYK 0 30.59 28.63 25.88
XYZ 29.8231 23.4487 19.4772
Hunter Lab 48.4238 25.1925 10.0568
CIE-Lab 55.5315 31.4366 10.6401

Base Numbers

BaseRedGreenBlue
Decimal 189 111 116
Binary 10111101 1101111 1110100
Octal 275 157 164
Hex BD 6F 74

Monochromatic Colors

#d6888d
#efa1a6
#ffbabf
#ffd3d8
#ffecf1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bd6f74 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BD6F74 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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