#AB4848 Information

#AB4848 color RGB value is (171 , 72 , 72) , HEX triplet: ab, 48 and 48. RGB value is (171 , 72 , 72). Sum of RGB (Red+Green+Blue) = 171+72+72=315 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 171 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AB4848 hue: 0 , saturation: 0.41 and the lightness value of ab4848 is 0.48.

#ab4848
(171 , 72 , 72)
  • R (171)
  • G (72)
  • B (72)
  • C (0)
  • M (38.82)
  • Y (38.82)
  • K (32.94)

Applying the #ab4848

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

#a64343
#a13e3e
#9c3939
#973434
#922f2f
#8d2a2a
#882525
#832020
#7e1b1b
#791616
#741111
#6f0c0c
#b75454
#c36060
#cf6c6c
#db7878
#e78484
#f39090
#ff9c9c
#ffa8a8
#ffb4b4
#ffc0c0
#ffcccc
#ffd8d8

Color spaces of #ab4848

Type Values
RGB 171 72 72
HSL 0 0.41 0.48
HSV 0 58 67
CMYK 0 38.82 38.82 32.94
XYZ 20.2817 13.7605 7.718
Hunter Lab 37.0952 32.6777 13.6347
CIE-Lab 43.8875 40.6487 20.4834

Base Numbers

BaseRedGreenBlue
Decimal 171 72 72
Binary 10101011 1001000 1001000
Octal 253 110 110
Hex AB 48 48

Monochromatic Colors

#c46161
#dd7a7a
#f69393
#ffacac
#ffc5c5
#ffdede

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ab4848 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AB4848 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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