#AF2753 Information

#AF2753 color RGB value is (175 , 39 , 83) , HEX triplet: af, 27 and 53. RGB value is (175 , 39 , 83). Sum of RGB (Red+Green+Blue) = 175+39+83=297 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 39 (15.29% from 255 or 18.14% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF2753 hue: 0.95 , saturation: 0.64 and the lightness value of af2753 is 0.42.

#af2753
(175 , 39 , 83)
  • R (175)
  • G (39)
  • B (83)
  • C (0)
  • M (53.33)
  • Y (36.08)
  • K (31.37)

Applying the #af2753

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

#aa224e
#a51d49
#a01844
#9b133f
#960e3a
#910935
#8c0430
#87002b
#820026
#7d0021
#78001c
#730017
#bb335f
#c73f6b
#d34b77
#df5783
#eb638f
#f76f9b
#ff7ba7
#ff87b3
#ff93bf
#ff9fcb
#ffabd7
#ffb7e3

Color spaces of #af2753

Type Values
RGB 175 39 83
HSL 0.95 0.64 0.42
HSV 341 78 69
CMYK 0 53.33 36.08 31.37
XYZ 19.966 11.1895 9.2911
Hunter Lab 33.4508 48.0041 6.953
CIE-Lab 39.8979 56.2876 8.3251

Base Numbers

BaseRedGreenBlue
Decimal 175 39 83
Binary 10101111 100111 1010011
Octal 257 47 123
Hex AF 27 53

Monochromatic Colors

#c8406c
#e15985
#fa729e
#ff8bb7
#ffa4d0
#ffbde9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af2753 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF2753 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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