#4090AD Information

#4090AD color RGB value is (64 , 144 , 173) , HEX triplet: 40, 90 and ad. RGB value is (64 , 144 , 173). Sum of RGB (Red+Green+Blue) = 64+144+173=381 (Red value is 64 (25.1% from 255 or 29.77% from 215); Green value is 144 (56.47% from 255 or 66.98% from 215); Blue value is 173 (67.84% from 255 or 80.47% from 215); Max value from RGB is 173 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #4090AD hue: 0.54 , saturation: 0.46 and the lightness value of 4090ad is 0.46.

#4090ad
(64 , 144 , 173)
  • R (64)
  • G (144)
  • B (173)
  • C (42.75)
  • M (11.37)
  • Y (0)
  • K (32.16)

Applying the #4090ad

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

#3b8ba8
#3686a3
#31819e
#2c7c99
#277794
#22728f
#1d6d8a
#186885
#136380
#0e5e7b
#095976
#045471
#4c9cb9
#58a8c5
#64b4d1
#70c0dd
#7ccce9
#88d8f5
#94e4ff
#a0f0ff
#acfcff
#b8ffff
#c4ffff
#d0ffff

Color spaces of #4090ad

Type Values
RGB 64 144 173
HSL 0.54 0.46 0.46
HSV 196 63 68
CMYK 42.75 11.37 0 32.16
XYZ 19.6304 24.0536 43.1433
Hunter Lab 49.0445 -14.3816 -17.8065
CIE-Lab 56.1415 -15.4026 -22.5157

Base Numbers

BaseRedGreenBlue
Decimal 64 144 173
Binary 1000000 10010000 10101101
Octal 100 220 255
Hex 40 90 AD

Monochromatic Colors

#59a9c6
#72c2df
#8bdbf8
#a4f4ff
#bdffff
#d6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4090ad Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4090AD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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