#B52838 Information

#B52838 color RGB value is (181 , 40 , 56) , HEX triplet: b5, 28 and 38. RGB value is (181 , 40 , 56). Sum of RGB (Red+Green+Blue) = 181+40+56=277 (Red value is 181 (70.98% from 255 or 84.19% from 215); Green value is 40 (15.69% from 255 or 18.6% from 215); Blue value is 56 (21.96% from 255 or 26.05% from 215); Max value from RGB is 181 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B52838 hue: 0.98 , saturation: 0.64 and the lightness value of b52838 is 0.43.

#b52838
(181 , 40 , 56)
  • R (181)
  • G (40)
  • B (56)
  • C (0)
  • M (55.29)
  • Y (49.02)
  • K (29.02)

Applying the #b52838

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

#b02333
#ab1e2e
#a61929
#a11424
#9c0f1f
#970a1a
#920515
#8d0010
#88000b
#830006
#7e0001
#790000
#c13444
#cd4050
#d94c5c
#e55868
#f16474
#fd7080
#ff7c8c
#ff8898
#ff94a4
#ffa0b0
#ffacbc
#ffb8c8

Color spaces of #b52838

Type Values
RGB 181 40 56
HSL 0.98 0.64 0.43
HSV 353 78 71
CMYK 0 55.29 49.02 29.02
XYZ 20.5287 11.6269 4.9036
Hunter Lab 34.0982 47.7933 15.3449
CIE-Lab 40.6168 55.9547 26.4586

Base Numbers

BaseRedGreenBlue
Decimal 181 40 56
Binary 10110101 101000 111000
Octal 265 50 70
Hex B5 28 38

Monochromatic Colors

#ce4151
#e75a6a
#ff7383
#ff8c9c
#ffa5b5
#ffbece

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b52838 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B52838 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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