#557BDF Information

#557BDF color RGB value is (85 , 123 , 223) , HEX triplet: 55, 7b and df. RGB value is (85 , 123 , 223). Sum of RGB (Red+Green+Blue) = 85+123+223=431 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #557BDF hue: 0.62 , saturation: 0.68 and the lightness value of 557bdf is 0.6.

#557bdf
(85 , 123 , 223)
  • R (85)
  • G (123)
  • B (223)
  • C (54.12)
  • M (39.22)
  • Y (0)
  • K (12.55)

Applying the #557bdf

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

#5076da
#4b71d5
#466cd0
#4167cb
#3c62c6
#375dc1
#3258bc
#2d53b7
#284eb2
#2349ad
#1e44a8
#193fa3
#6187eb
#6d93f7
#799fff
#85abff
#91b7ff
#9dc3ff
#a9cfff
#b5dbff
#c1e7ff
#cdf3ff
#d9ffff
#e5ffff

Color spaces of #557bdf

Type Values
RGB 85 123 223
HSL 0.62 0.68 0.6
HSV 223 62 87
CMYK 54.12 39.22 0 12.55
XYZ 24.1486 21.4249 72.6747
Hunter Lab 46.2871 12.1236 -60.6558
CIE-Lab 53.4114 17.4929 -55.1102

Base Numbers

BaseRedGreenBlue
Decimal 85 123 223
Binary 1010101 1111011 11011111
Octal 125 173 337
Hex 55 7B DF

Monochromatic Colors

#6e94f8
#87adff
#a0c6ff
#b9dfff
#d2f8ff
#ebffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#557bdf Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#557BDF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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