#8B0C1B Information

#8B0C1B color RGB value is (139 , 12 , 27) , HEX triplet: 8b, c and 1b. RGB value is (139 , 12 , 27). Sum of RGB (Red+Green+Blue) = 139+12+27=178 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 12 (4.71% from 255 or 5.58% from 215); Blue value is 27 (10.59% from 255 or 12.56% from 215); Max value from RGB is 139 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8B0C1B hue: 0.98 , saturation: 0.84 and the lightness value of 8b0c1b is 0.3.

#8b0c1b
(139 , 12 , 27)
  • R (139)
  • G (12)
  • B (27)
  • C (0)
  • M (49.8)
  • Y (43.92)
  • K (45.49)

Applying the #8b0c1b

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

#860716
#810211
#7c000c
#770007
#720002
#6d0000
#680000
#630000
#5e0000
#590000
#540000
#4f0000
#971827
#a32433
#af303f
#bb3c4b
#c74857
#d35463
#df606f
#eb6c7b
#f77887
#ff8493
#ff909f
#ff9cab

Color spaces of #8b0c1b

Type Values
RGB 139 12 27
HSL 0.98 0.84 0.3
HSV 353 91 55
CMYK 0 49.8 43.92 45.49
XYZ 10.9768 5.831 1.5839
Hunter Lab 24.1476 38.8826 13.0154
CIE-Lab 28.9821 49.6019 28.7333

Base Numbers

BaseRedGreenBlue
Decimal 139 12 27
Binary 10001011 1100 11011
Octal 213 14 33
Hex 8B C 1B

Monochromatic Colors

#a42534
#bd3e4d
#d65766
#ef707f
#ff8998
#ffa2b1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b0c1b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B0C1B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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