#B56C1F Information

#B56C1F color RGB value is (181 , 108 , 31) , HEX triplet: b5, 6c and 1f. RGB value is (181 , 108 , 31). Sum of RGB (Red+Green+Blue) = 181+108+31=320 (Red value is 181 (70.98% from 255 or 84.19% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 31 (12.16% from 255 or 14.42% from 215); Max value from RGB is 181 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B56C1F hue: 0.09 , saturation: 0.71 and the lightness value of b56c1f is 0.42.

#b56c1f
(181 , 108 , 31)
  • R (181)
  • G (108)
  • B (31)
  • C (0)
  • M (28.63)
  • Y (58.82)
  • K (29.02)

Applying the #b56c1f

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

#b0671a
#ab6215
#a65d10
#a1580b
#9c5306
#974e01
#924900
#8d4400
#883f00
#833a00
#7e3500
#793000
#c1782b
#cd8437
#d99043
#e59c4f
#f1a85b
#fdb467
#ffc073
#ffcc7f
#ffd88b
#ffe497
#fff0a3
#fffcaf

Color spaces of #b56c1f

Type Values
RGB 181 108 31
HSL 0.09 0.71 0.42
HSV 31 83 71
CMYK 0 28.63 58.82 29.02
XYZ 24.6659 20.6478 3.9817
Hunter Lab 45.4399 17.3749 26.6137
CIE-Lab 52.5619 23.4006 51.8256

Base Numbers

BaseRedGreenBlue
Decimal 181 108 31
Binary 10110101 1101100 11111
Octal 265 154 37
Hex B5 6C 1F

Monochromatic Colors

#ce8538
#e79e51
#ffb76a
#ffd083
#ffe99c
#ffffb5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b56c1f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B56C1F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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