#B67521 Information

#B67521 color RGB value is (182 , 117 , 33) , HEX triplet: b6, 75 and 21. RGB value is (182 , 117 , 33). Sum of RGB (Red+Green+Blue) = 182+117+33=332 (Red value is 182 (71.37% from 255 or 84.65% from 215); Green value is 117 (45.88% from 255 or 54.42% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 182 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B67521 hue: 0.09 , saturation: 0.69 and the lightness value of b67521 is 0.42.

#b67521
(182 , 117 , 33)
  • R (182)
  • G (117)
  • B (33)
  • C (0)
  • M (25.49)
  • Y (58.43)
  • K (28.63)

Applying the #b67521

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

#b1701c
#ac6b17
#a76612
#a2610d
#9d5c08
#985703
#935200
#8e4d00
#894800
#844300
#7f3e00
#7a3900
#c2812d
#ce8d39
#da9945
#e6a551
#f2b15d
#febd69
#ffc975
#ffd581
#ffe18d
#ffed99
#fff9a5
#ffffb1

Color spaces of #b67521

Type Values
RGB 182 117 33
HSL 0.09 0.69 0.42
HSV 34 82 71
CMYK 0 25.49 58.43 28.63
XYZ 25.9272 22.7775 4.4688
Hunter Lab 47.7257 13.451 27.8576
CIE-Lab 54.8424 18.9167 53.1539

Base Numbers

BaseRedGreenBlue
Decimal 182 117 33
Binary 10110110 1110101 100001
Octal 266 165 41
Hex B6 75 21

Monochromatic Colors

#cf8e3a
#e8a753
#ffc06c
#ffd985
#fff29e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b67521 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B67521 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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