#5296DB Information

#5296DB color RGB value is (82 , 150 , 219) , HEX triplet: 52, 96 and db. RGB value is (82 , 150 , 219). Sum of RGB (Red+Green+Blue) = 82+150+219=451 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 219 (85.88% from 255 or 101.86% from 215); Max value from RGB is 219 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5296DB hue: 0.58 , saturation: 0.66 and the lightness value of 5296db is 0.59.

#5296db
(82 , 150 , 219)
  • R (82)
  • G (150)
  • B (219)
  • C (53.73)
  • M (27.06)
  • Y (0)
  • K (14.12)

Applying the #5296db

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

#4d91d6
#488cd1
#4387cc
#3e82c7
#397dc2
#3478bd
#2f73b8
#2a6eb3
#2569ae
#2064a9
#1b5fa4
#165a9f
#5ea2e7
#6aaef3
#76baff
#82c6ff
#8ed2ff
#9adeff
#a6eaff
#b2f6ff
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #5296db

Type Values
RGB 82 150 219
HSL 0.58 0.66 0.59
HSV 210 63 86
CMYK 53.73 27.06 0 14.12
XYZ 27.1722 28.721 71.1294
Hunter Lab 53.592 -3.2826 -41.1495
CIE-Lab 60.5346 -0.5093 -41.5812

Base Numbers

BaseRedGreenBlue
Decimal 82 150 219
Binary 1010010 10010110 11011011
Octal 122 226 333
Hex 52 96 DB

Monochromatic Colors

#6baff4
#84c8ff
#9de1ff
#b6faff
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5296db Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5296DB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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