#BCA459 Information

#BCA459 color RGB value is (188 , 164 , 89) , HEX triplet: bc, a4 and 59. RGB value is (188 , 164 , 89). Sum of RGB (Red+Green+Blue) = 188+164+89=441 (Red value is 188 (73.73% from 255 or 87.44% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 188 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #BCA459 hue: 0.13 , saturation: 0.42 and the lightness value of bca459 is 0.54.

#bca459
(188 , 164 , 89)
  • R (188)
  • G (164)
  • B (89)
  • C (0)
  • M (9.41)
  • Y (38.82)
  • K (26.27)

Applying the #bca459

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

#b79f54
#b29a4f
#ad954a
#a89045
#a38b40
#9e863b
#998136
#947c31
#8f772c
#8a7227
#856d22
#80681d
#c8b065
#d4bc71
#e0c87d
#ecd489
#f8e095
#ffeca1
#fff8ad
#ffffb9
#ffffc5
#ffffd1
#ffffdd
#ffffe9

Color spaces of #bca459

Type Values
RGB 188 164 89
HSL 0.13 0.42 0.54
HSV 45 53 74
CMYK 0 9.41 38.82 26.27
XYZ 35.8177 37.9636 14.8911
Hunter Lab 61.6146 -4.0599 28.8051
CIE-Lab 67.9937 -0.8903 41.7737

Base Numbers

BaseRedGreenBlue
Decimal 188 164 89
Binary 10111100 10100100 1011001
Octal 274 244 131
Hex BC A4 59

Monochromatic Colors

#d5bd72
#eed68b
#ffefa4
#ffffbd
#ffffd6
#ffffef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bca459 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BCA459 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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