#52ABCE Information

#52ABCE color RGB value is (82 , 171 , 206) , HEX triplet: 52, ab and ce. RGB value is (82 , 171 , 206). Sum of RGB (Red+Green+Blue) = 82+171+206=459 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 171 (67.06% from 255 or 79.53% from 215); Blue value is 206 (80.78% from 255 or 95.81% from 215); Max value from RGB is 206 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #52ABCE hue: 0.55 , saturation: 0.56 and the lightness value of 52abce is 0.56.

#52abce
(82 , 171 , 206)
  • R (82)
  • G (171)
  • B (206)
  • C (48.63)
  • M (13.73)
  • Y (0)
  • K (19.22)

Applying the #52abce

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

#4da6c9
#48a1c4
#439cbf
#3e97ba
#3992b5
#348db0
#2f88ab
#2a83a6
#257ea1
#20799c
#1b7497
#166f92
#5eb7da
#6ac3e6
#76cff2
#82dbfe
#8ee7ff
#9af3ff
#a6ffff
#b2ffff
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52abce

Type Values
RGB 82 171 206
HSL 0.55 0.56 0.56
HSV 197 60 81
CMYK 48.63 13.73 0 19.22
XYZ 29.1832 35.3759 63.6826
Hunter Lab 59.4776 -16.5031 -21.8249
CIE-Lab 66.0403 -16.3077 -25.808

Base Numbers

BaseRedGreenBlue
Decimal 82 171 206
Binary 1010010 10101011 11001110
Octal 122 253 316
Hex 52 AB CE

Monochromatic Colors

#6bc4e7
#84ddff
#9df6ff
#b6ffff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52abce Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52ABCE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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