#5EACD8 Information

#5EACD8 color RGB value is (94 , 172 , 216) , HEX triplet: 5e, ac and d8. RGB value is (94 , 172 , 216). Sum of RGB (Red+Green+Blue) = 94+172+216=482 (Red value is 94 (36.86% from 255 or 43.72% from 215); Green value is 172 (67.45% from 255 or 80% from 215); Blue value is 216 (84.71% from 255 or 100.47% from 215); Max value from RGB is 216 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5EACD8 hue: 0.56 , saturation: 0.61 and the lightness value of 5eacd8 is 0.61.

#5eacd8
(94 , 172 , 216)
  • R (94)
  • G (172)
  • B (216)
  • C (47.84)
  • M (17.25)
  • Y (0)
  • K (15.29)

Applying the #5eacd8

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

#59a7d3
#54a2ce
#4f9dc9
#4a98c4
#4593bf
#408eba
#3b89b5
#3684b0
#317fab
#2c7aa6
#2775a1
#22709c
#6ab8e4
#76c4f0
#82d0fc
#8edcff
#9ae8ff
#a6f4ff
#b2ffff
#beffff
#caffff
#d6ffff
#e2ffff
#eeffff

Color spaces of #5eacd8

Type Values
RGB 94 172 216
HSL 0.56 0.61 0.61
HSV 202 56 85
CMYK 47.84 17.25 0 15.29
XYZ 31.7633 36.8426 70.403
Hunter Lab 60.6981 -12.8124 -26.2567
CIE-Lab 67.1588 -11.4673 -29.5674

Base Numbers

BaseRedGreenBlue
Decimal 94 172 216
Binary 1011110 10101100 11011000
Octal 136 254 330
Hex 5E AC D8

Monochromatic Colors

#77c5f1
#90deff
#a9f7ff
#c2ffff
#dbffff
#f4ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5eacd8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5EACD8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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