#40949B Information

#40949B color RGB value is (64 , 148 , 155) , HEX triplet: 40, 94 and 9b. RGB value is (64 , 148 , 155). Sum of RGB (Red+Green+Blue) = 64+148+155=367 (Red value is 64 (25.1% from 255 or 29.77% from 215); Green value is 148 (58.04% from 255 or 68.84% from 215); Blue value is 155 (60.78% from 255 or 72.09% from 215); Max value from RGB is 155 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #40949B hue: 0.51 , saturation: 0.42 and the lightness value of 40949b is 0.43.

#40949b
(64 , 148 , 155)
  • R (64)
  • G (148)
  • B (155)
  • C (35.69)
  • M (2.75)
  • Y (0)
  • K (39.22)

Applying the #40949b

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

#3b8f96
#368a91
#31858c
#2c8087
#277b82
#22767d
#1d7178
#186c73
#13676e
#0e6269
#095d64
#04585f
#4ca0a7
#58acb3
#64b8bf
#70c4cb
#7cd0d7
#88dce3
#94e8ef
#a0f4fb
#acffff
#b8ffff
#c4ffff
#d0ffff

Color spaces of #40949b

Type Values
RGB 64 148 155
HSL 0.51 0.42 0.43
HSV 185 59 61
CMYK 35.69 2.75 0 39.22
XYZ 18.6207 24.6364 34.7842
Hunter Lab 49.635 -19.8965 -6.7914
CIE-Lab 56.7194 -23.0508 -11.3435

Base Numbers

BaseRedGreenBlue
Decimal 64 148 155
Binary 1000000 10010100 10011011
Octal 100 224 233
Hex 40 94 9B

Monochromatic Colors

#59adb4
#72c6cd
#8bdfe6
#a4f8ff
#bdffff
#d6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#40949b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#40949B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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