#A7198D Information

#A7198D color RGB value is (167 , 25 , 141) , HEX triplet: a7, 19 and 8d. RGB value is (167 , 25 , 141). Sum of RGB (Red+Green+Blue) = 167+25+141=333 (Red value is 167 (65.49% from 255 or 77.67% from 215); Green value is 25 (9.8% from 255 or 11.63% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 167 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #A7198D hue: 0.86 , saturation: 0.74 and the lightness value of a7198d is 0.38.

#a7198d
(167 , 25 , 141)
  • R (167)
  • G (25)
  • B (141)
  • C (0)
  • M (55.69)
  • Y (10.2)
  • K (34.51)

Applying the #a7198d

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

#a21488
#9d0f83
#980a7e
#930579
#8e0074
#89006f
#84006a
#7f0065
#7a0060
#75005b
#700056
#6b0051
#b32599
#bf31a5
#cb3db1
#d749bd
#e355c9
#ef61d5
#fb6de1
#ff79ed
#ff85f9
#ff91ff
#ff9dff
#ffa9ff

Color spaces of #a7198d

Type Values
RGB 167 25 141
HSL 0.86 0.74 0.38
HSV 311 85 65
CMYK 0 55.69 10.2 34.51
XYZ 21.0917 10.8338 26.1788
Hunter Lab 32.9148 56.7814 -24.0991
CIE-Lab 39.2992 64.3521 -29.0201

Base Numbers

BaseRedGreenBlue
Decimal 167 25 141
Binary 10100111 11001 10001101
Octal 247 31 215
Hex A7 19 8D

Monochromatic Colors

#c032a6
#d94bbf
#f264d8
#ff7df1
#ff96ff
#ffafff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a7198d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A7198D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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