#B36350 Information

#B36350 color RGB value is (179 , 99 , 80) , HEX triplet: b3, 63 and 50. RGB value is (179 , 99 , 80). Sum of RGB (Red+Green+Blue) = 179+99+80=358 (Red value is 179 (70.2% from 255 or 83.26% from 215); Green value is 99 (38.82% from 255 or 46.05% from 215); Blue value is 80 (31.37% from 255 or 37.21% from 215); Max value from RGB is 179 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B36350 hue: 0.03 , saturation: 0.39 and the lightness value of b36350 is 0.51.

#b36350
(179 , 99 , 80)
  • R (179)
  • G (99)
  • B (80)
  • C (0)
  • M (31.37)
  • Y (38.82)
  • K (29.8)

Applying the #b36350

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

#ae5e4b
#a95946
#a45441
#9f4f3c
#9a4a37
#954532
#90402d
#8b3b28
#863623
#81311e
#7c2c19
#772714
#bf6f5c
#cb7b68
#d78774
#e39380
#ef9f8c
#fbab98
#ffb7a4
#ffc3b0
#ffcfbc
#ffdbc8
#ffe7d4
#fff3e0

Color spaces of #b36350

Type Values
RGB 179 99 80
HSL 0.03 0.39 0.51
HSV 12 55 70
CMYK 0 31.37 38.82 29.8
XYZ 24.5002 19.0866 9.9822
Hunter Lab 43.6882 23.6481 17.039
CIE-Lab 50.7883 30.3292 24.9706

Base Numbers

BaseRedGreenBlue
Decimal 179 99 80
Binary 10110011 1100011 1010000
Octal 263 143 120
Hex B3 63 50

Monochromatic Colors

#cc7c69
#e59582
#feae9b
#ffc7b4
#ffe0cd
#fff9e6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b36350 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B36350 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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