#BEA959 Information

#BEA959 color RGB value is (190 , 169 , 89) , HEX triplet: be, a9 and 59. RGB value is (190 , 169 , 89). Sum of RGB (Red+Green+Blue) = 190+169+89=448 (Red value is 190 (74.51% from 255 or 88.37% from 215); Green value is 169 (66.27% from 255 or 78.6% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 190 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #BEA959 hue: 0.13 , saturation: 0.44 and the lightness value of bea959 is 0.55.

#bea959
(190 , 169 , 89)
  • R (190)
  • G (169)
  • B (89)
  • C (0)
  • M (8.24)
  • Y (39.61)
  • K (25.49)

Applying the #bea959

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

#b9a454
#b49f4f
#af9a4a
#aa9545
#a59040
#a08b3b
#9b8636
#968131
#917c2c
#8c7727
#877222
#826d1d
#cab565
#d6c171
#e2cd7d
#eed989
#fae595
#fff1a1
#fffdad
#ffffb9
#ffffc5
#ffffd1
#ffffdd
#ffffe9

Color spaces of #bea959

Type Values
RGB 190 169 89
HSL 0.13 0.44 0.55
HSV 48 53 75
CMYK 0 8.24 39.61 25.49
XYZ 37.2263 40.0444 15.2185
Hunter Lab 63.2806 -5.7338 30.0418
CIE-Lab 69.5011 -2.7137 43.6229

Base Numbers

BaseRedGreenBlue
Decimal 190 169 89
Binary 10111110 10101001 1011001
Octal 276 251 131
Hex BE A9 59

Monochromatic Colors

#d7c272
#f0db8b
#fff4a4
#ffffbd
#ffffd6
#ffffef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bea959 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BEA959 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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