#52B7FD Information

#52B7FD color RGB value is (82 , 183 , 253) , HEX triplet: 52, b7 and fd. RGB value is (82 , 183 , 253). Sum of RGB (Red+Green+Blue) = 82+183+253=518 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 183 (71.76% from 255 or 85.12% 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 #52B7FD hue: 0.57 , saturation: 0.98 and the lightness value of 52b7fd is 0.66.

#52b7fd
(82 , 183 , 253)
  • R (82)
  • G (183)
  • B (253)
  • C (67.06)
  • M (27.45)
  • Y (0)
  • K (0.78)

Applying the #52b7fd

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

#4db2f8
#48adf3
#43a8ee
#3ea3e9
#399ee4
#3499df
#2f94da
#2a8fd5
#258ad0
#2085cb
#1b80c6
#167bc1
#5ec3ff
#6acfff
#76dbff
#82e7ff
#8ef3ff
#9affff
#a6ffff
#b2ffff
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52b7fd

Type Values
RGB 82 183 253
HSL 0.57 0.98 0.66
HSV 205 68 99
CMYK 67.06 27.45 0 0.78
XYZ 38.1428 42.7527 99.1703
Hunter Lab 65.3855 -10.2959 -44.1232
CIE-Lab 71.3868 -7.8639 -43.2001

Base Numbers

BaseRedGreenBlue
Decimal 82 183 253
Binary 1010010 10110111 11111101
Octal 122 267 375
Hex 52 B7 FD

Monochromatic Colors

#6bd0ff
#84e9ff
#9dffff
#b6ffff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52b7fd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52B7FD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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