#5998BF Information

#5998BF color RGB value is (89 , 152 , 191) , HEX triplet: 59, 98 and bf. RGB value is (89 , 152 , 191). Sum of RGB (Red+Green+Blue) = 89+152+191=432 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 152 (59.61% from 255 or 70.7% from 215); Blue value is 191 (74.9% from 255 or 88.84% from 215); Max value from RGB is 191 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5998BF hue: 0.56 , saturation: 0.44 and the lightness value of 5998bf is 0.55.

#5998bf
(89 , 152 , 191)
  • R (89)
  • G (152)
  • B (191)
  • C (40)
  • M (15.29)
  • Y (0)
  • K (25.1)

Applying the #5998bf

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

#5493ba
#4f8eb5
#4a89b0
#4584ab
#407fa6
#3b7aa1
#36759c
#317097
#2c6b92
#27668d
#226188
#1d5c83
#65a4cb
#71b0d7
#7dbce3
#89c8ef
#95d4fb
#a1e0ff
#adecff
#b9f8ff
#c5ffff
#d1ffff
#ddffff
#e9ffff

Color spaces of #5998bf

Type Values
RGB 89 152 191
HSL 0.56 0.44 0.55
HSV 203 53 75
CMYK 40 15.29 0 25.1
XYZ 24.752 28.3419 53.4562
Hunter Lab 53.2371 -10.173 -22.2469
CIE-Lab 60.1964 -9.1362 -26.4035

Base Numbers

BaseRedGreenBlue
Decimal 89 152 191
Binary 1011001 10011000 10111111
Octal 131 230 277
Hex 59 98 BF

Monochromatic Colors

#72b1d8
#8bcaf1
#a4e3ff
#bdfcff
#d6ffff
#efffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5998bf Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5998BF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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