#5252BB Information

#5252BB color RGB value is (82 , 82 , 187) , HEX triplet: 52, 52 and bb. RGB value is (82 , 82 , 187). Sum of RGB (Red+Green+Blue) = 82+82+187=351 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 82 (32.16% from 255 or 38.14% from 215); Blue value is 187 (73.33% from 255 or 86.98% from 215); Max value from RGB is 187 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5252BB hue: 0.67 , saturation: 0.44 and the lightness value of 5252bb is 0.53.

#5252bb
(82 , 82 , 187)
  • R (82)
  • G (82)
  • B (187)
  • C (41.18)
  • M (41.18)
  • Y (0)
  • K (26.67)

Applying the #5252bb

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

#4d4db6
#4848b1
#4343ac
#3e3ea7
#3939a2
#34349d
#2f2f98
#2a2a93
#25258e
#202089
#1b1b84
#16167f
#5e5ec7
#6a6ad3
#7676df
#8282eb
#8e8ef7
#9a9aff
#a6a6ff
#b2b2ff
#bebeff
#cacaff
#d6d6ff
#e2e2ff

Color spaces of #5252bb

Type Values
RGB 82 82 187
HSL 0.67 0.44 0.53
HSV 240 56 73
CMYK 41.18 41.18 0 26.67
XYZ 15.4666 11.4163 48.4021
Hunter Lab 33.788 22.5803 -61.2519
CIE-Lab 40.2729 30.4189 -55.6164

Base Numbers

BaseRedGreenBlue
Decimal 82 82 187
Binary 1010010 1010010 10111011
Octal 122 122 273
Hex 52 52 BB

Monochromatic Colors

#6b6bd4
#8484ed
#9d9dff
#b6b6ff
#cfcfff
#e8e8ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5252bb Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5252BB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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