#B2A227 Information

#B2A227 color RGB value is (178 , 162 , 39) , HEX triplet: b2, a2 and 27. RGB value is (178 , 162 , 39). Sum of RGB (Red+Green+Blue) = 178+162+39=379 (Red value is 178 (69.8% from 255 or 82.79% from 215); Green value is 162 (63.53% from 255 or 75.35% from 215); Blue value is 39 (15.29% from 255 or 18.14% from 215); Max value from RGB is 178 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B2A227 hue: 0.15 , saturation: 0.64 and the lightness value of b2a227 is 0.43.

#b2a227
(178 , 162 , 39)
  • R (178)
  • G (162)
  • B (39)
  • C (0)
  • M (6.27)
  • Y (54.51)
  • K (30.2)

Applying the #b2a227

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

#ad9d22
#a8981d
#a39318
#9e8e13
#99890e
#948409
#8f7f04
#8a7a00
#857500
#807000
#7b6b00
#766600
#beae33
#caba3f
#d6c64b
#e2d257
#eede63
#faea6f
#fff67b
#ffff87
#ffff93
#ffff9f
#ffffab
#ffffb7

Color spaces of #b2a227

Type Values
RGB 178 162 39
HSL 0.15 0.64 0.43
HSV 53 78 70
CMYK 0 6.27 54.51 30.2
XYZ 31.6466 35.4521 7.0944
Hunter Lab 59.5417 -9.3242 34.6163
CIE-Lab 66.0992 -7.3253 61.0713

Base Numbers

BaseRedGreenBlue
Decimal 178 162 39
Binary 10110010 10100010 100111
Octal 262 242 47
Hex B2 A2 27

Monochromatic Colors

#cbbb40
#e4d459
#fded72
#ffff8b
#ffffa4
#ffffbd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b2a227 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B2A227 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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