#5E9BB9 Information

#5E9BB9 color RGB value is (94 , 155 , 185) , HEX triplet: 5e, 9b and b9. RGB value is (94 , 155 , 185). Sum of RGB (Red+Green+Blue) = 94+155+185=434 (Red value is 94 (36.86% from 255 or 43.72% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 185 (72.55% from 255 or 86.05% from 215); Max value from RGB is 185 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5E9BB9 hue: 0.55 , saturation: 0.39 and the lightness value of 5e9bb9 is 0.55.

#5e9bb9
(94 , 155 , 185)
  • R (94)
  • G (155)
  • B (185)
  • C (35.69)
  • M (11.76)
  • Y (0)
  • K (27.45)

Applying the #5e9bb9

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

#5996b4
#5491af
#4f8caa
#4a87a5
#4582a0
#407d9b
#3b7896
#367391
#316e8c
#2c6987
#276482
#225f7d
#6aa7c5
#76b3d1
#82bfdd
#8ecbe9
#9ad7f5
#a6e3ff
#b2efff
#befbff
#caffff
#d6ffff
#e2ffff
#eeffff

Color spaces of #5e9bb9

Type Values
RGB 94 155 185
HSL 0.55 0.39 0.55
HSV 200 49 73
CMYK 35.69 11.76 0 27.45
XYZ 25.0944 29.3252 50.2366
Hunter Lab 54.1527 -12.0499 -17.0761
CIE-Lab 61.0675 -11.4257 -21.6683

Base Numbers

BaseRedGreenBlue
Decimal 94 155 185
Binary 1011110 10011011 10111001
Octal 136 233 271
Hex 5E 9B B9

Monochromatic Colors

#77b4d2
#90cdeb
#a9e6ff
#c2ffff
#dbffff
#f4ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5e9bb9 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5E9BB9 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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