#8B0021 Information

#8B0021 color RGB value is (139 , 0 , 33) , HEX triplet: 8b, 0 and 21. RGB value is (139 , 0 , 33). Sum of RGB (Red+Green+Blue) = 139+0+33=172 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 0 (0% from 255 or 0% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 139 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8B0021 hue: 0.96 , saturation: 1 and the lightness value of 8b0021 is 0.27.

#8b0021
(139 , 0 , 33)
  • R (139)
  • G (0)
  • B (33)
  • C (0)
  • M (54.51)
  • Y (41.57)
  • K (45.49)

Applying the #8b0021

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

#86001c
#810017
#7c0012
#77000d
#720008
#6d0003
#680000
#630000
#5e0000
#590000
#540000
#4f0000
#970c2d
#a31839
#af2445
#bb3051
#c73c5d
#d34869
#df5475
#eb6081
#f76c8d
#ff7899
#ff84a5
#ff90b1

Color spaces of #8b0021

Type Values
RGB 139 0 33
HSL 0.96 1 0.27
HSV 346 100 55
CMYK 0 54.51 41.57 45.49
XYZ 10.922 5.5988 1.9439
Hunter Lab 23.6617 40.9855 11.6938
CIE-Lab 28.3768 51.8055 24.2401

Base Numbers

BaseRedGreenBlue
Decimal 139 0 33
Binary 10001011 0 100001
Octal 213 0 41
Hex 8B 0 21

Monochromatic Colors

#a4193a
#bd3253
#d64b6c
#ef6485
#ff7d9e
#ff96b7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b0021 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B0021 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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