#B4461C Information

#B4461C color RGB value is (180 , 70 , 28) , HEX triplet: b4, 46 and 1c. RGB value is (180 , 70 , 28). Sum of RGB (Red+Green+Blue) = 180+70+28=278 (Red value is 180 (70.59% from 255 or 83.72% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 28 (10.98% from 255 or 13.02% from 215); Max value from RGB is 180 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B4461C hue: 0.05 , saturation: 0.73 and the lightness value of b4461c is 0.41.

#b4461c
(180 , 70 , 28)
  • R (180)
  • G (70)
  • B (28)
  • C (0)
  • M (43.14)
  • Y (59.61)
  • K (29.41)

Applying the #b4461c

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

#af4117
#aa3c12
#a5370d
#a03208
#9b2d03
#962800
#912300
#8c1e00
#871900
#821400
#7d0f00
#780a00
#c05228
#cc5e34
#d86a40
#e4764c
#f08258
#fc8e64
#ff9a70
#ffa67c
#ffb288
#ffbe94
#ffcaa0
#ffd6ac

Color spaces of #b4461c

Type Values
RGB 180 70 28
HSL 0.05 0.73 0.41
HSV 17 84 71
CMYK 0 43.14 59.61 29.41
XYZ 21.2222 14.1675 2.7147
Hunter Lab 37.6397 34.7732 22.0725
CIE-Lab 44.4721 42.6777 45.835

Base Numbers

BaseRedGreenBlue
Decimal 180 70 28
Binary 10110100 1000110 11100
Octal 264 106 34
Hex B4 46 1C

Monochromatic Colors

#cd5f35
#e6784e
#ff9167
#ffaa80
#ffc399
#ffdcb2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b4461c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B4461C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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