#52ACE9 Information

#52ACE9 color RGB value is (82 , 172 , 233) , HEX triplet: 52, ac and e9. RGB value is (82 , 172 , 233). Sum of RGB (Red+Green+Blue) = 82+172+233=487 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 172 (67.45% from 255 or 80% from 215); Blue value is 233 (91.37% from 255 or 108.37% from 215); Max value from RGB is 233 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #52ACE9 hue: 0.57 , saturation: 0.77 and the lightness value of 52ace9 is 0.62.

#52ace9
(82 , 172 , 233)
  • R (82)
  • G (172)
  • B (233)
  • C (59.22)
  • M (23.92)
  • Y (0)
  • K (8.63)

Applying the #52ace9

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

#4da7e4
#48a2df
#439dda
#3e98d5
#3993d0
#348ecb
#2f89c6
#2a84c1
#257fbc
#207ab7
#1b75b2
#1670ad
#5eb8f5
#6ac4ff
#76d0ff
#82dcff
#8ee8ff
#9af4ff
#a6ffff
#b2ffff
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52ace9

Type Values
RGB 82 172 233
HSL 0.57 0.77 0.62
HSV 204 65 91
CMYK 59.22 23.92 0 8.63
XYZ 32.9402 37.1821 82.5315
Hunter Lab 60.9771 -10.2829 -37.5354
CIE-Lab 67.4134 -8.3314 -38.5383

Base Numbers

BaseRedGreenBlue
Decimal 82 172 233
Binary 1010010 10101100 11101001
Octal 122 254 351
Hex 52 AC E9

Monochromatic Colors

#6bc5ff
#84deff
#9df7ff
#b6ffff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52ace9 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52ACE9 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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