#B4B921 Information

#B4B921 color RGB value is (180 , 185 , 33) , HEX triplet: b4, b9 and 21. RGB value is (180 , 185 , 33). Sum of RGB (Red+Green+Blue) = 180+185+33=398 (Red value is 180 (70.59% from 255 or 83.72% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #B4B921 hue: 0.17 , saturation: 0.7 and the lightness value of b4b921 is 0.43.

#b4b921
(180 , 185 , 33)
  • R (180)
  • G (185)
  • B (33)
  • C (1.96)
  • M (0)
  • Y (59.61)
  • K (27.45)

Applying the #b4b921

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

#afb41c
#aaaf17
#a5aa12
#a0a50d
#9ba008
#969b03
#919600
#8c9100
#878c00
#828700
#7d8200
#787d00
#c0c52d
#ccd139
#d8dd45
#e4e951
#f0f55d
#fcff69
#ffff75
#ffff81
#ffff8d
#ffff99
#ffffa5
#ffffb1

Color spaces of #b4b921

Type Values
RGB 180 185 33
HSL 0.17 0.7 0.43
HSV 62 82 73
CMYK 1.96 0 59.61 27.45
XYZ 36.4459 44.511 8.1094
Hunter Lab 66.7166 -19.2429 39.4964
CIE-Lab 72.5688 -18.511 68.5575

Base Numbers

BaseRedGreenBlue
Decimal 180 185 33
Binary 10110100 10111001 100001
Octal 264 271 41
Hex B4 B9 21

Monochromatic Colors

#cdd23a
#e6eb53
#ffff6c
#ffff85
#ffff9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b4b921 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B4B921 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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