#48071B Information

#48071B color RGB value is (72 , 7 , 27) , HEX triplet: 48, 7 and 1b. RGB value is (72 , 7 , 27). Sum of RGB (Red+Green+Blue) = 72+7+27=106 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 7 (2.75% from 255 or 3.26% from 215); Blue value is 27 (10.59% from 255 or 12.56% from 215); Max value from RGB is 72 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #48071B hue: 0.95 , saturation: 0.82 and the lightness value of 48071b is 0.15.

#48071b
(72 , 7 , 27)
  • R (72)
  • G (7)
  • B (27)
  • C (0)
  • M (25.49)
  • Y (17.65)
  • K (71.76)

Applying the #48071b

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

#430216
#3e0011
#39000c
#340007
#2f0002
#2a0000
#250000
#200000
#1b0000
#160000
#110000
#0c0000
#541327
#601f33
#6c2b3f
#78374b
#844357
#904f63
#9c5b6f
#a8677b
#b47387
#c07f93
#cc8b9f
#d897ab

Color spaces of #48071b

Type Values
RGB 72 7 27
HSL 0.95 0.82 0.15
HSV 342 90 28
CMYK 0 25.49 17.65 71.76
XYZ 2.9463 1.6088 1.1922
Hunter Lab 12.6839 19.2664 3.3079
CIE-Lab 13.2837 30.8433 6.0785

Base Numbers

BaseRedGreenBlue
Decimal 72 7 27
Binary 1001000 111 11011
Octal 110 7 33
Hex 48 7 1B

Monochromatic Colors

#612034
#7a394d
#935266
#ac6b7f
#c58498
#de9db1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48071b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48071B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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