#52CCFD Information

#52CCFD color RGB value is (82 , 204 , 253) , HEX triplet: 52, cc and fd. RGB value is (82 , 204 , 253). Sum of RGB (Red+Green+Blue) = 82+204+253=539 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 204 (80% from 255 or 94.88% from 215); Blue value is 253 (99.22% from 255 or 117.67% from 215); Max value from RGB is 253 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #52CCFD hue: 0.55 , saturation: 0.98 and the lightness value of 52ccfd is 0.66.

#52ccfd
(82 , 204 , 253)
  • R (82)
  • G (204)
  • B (253)
  • C (67.06)
  • M (19.22)
  • Y (0)
  • K (0.78)

Applying the #52ccfd

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

#4dc7f8
#48c2f3
#43bdee
#3eb8e9
#39b3e4
#34aedf
#2fa9da
#2aa4d5
#259fd0
#209acb
#1b95c6
#1690c1
#5ed8ff
#6ae4ff
#76f0ff
#82fcff
#8effff
#9affff
#a6ffff
#b2ffff
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52ccfd

Type Values
RGB 82 204 253
HSL 0.55 0.98 0.66
HSV 197 68 99
CMYK 67.06 19.22 0 0.78
XYZ 42.8022 52.0714 100.7234
Hunter Lab 72.1605 -20.4029 -32.2167
CIE-Lab 77.3235 -19.0093 -33.9712

Base Numbers

BaseRedGreenBlue
Decimal 82 204 253
Binary 1010010 11001100 11111101
Octal 122 314 375
Hex 52 CC FD

Monochromatic Colors

#6be5ff
#84feff
#9dffff
#b6ffff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52ccfd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52CCFD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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