#90A4FA Information

#90A4FA color RGB value is (144 , 164 , 250) , HEX triplet: 90, a4 and fa. RGB value is (144 , 164 , 250). Sum of RGB (Red+Green+Blue) = 144+164+250=558 (Red value is 144 (56.47% from 255 or 66.98% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 250 (98.04% from 255 or 116.28% from 215); Max value from RGB is 250 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #90A4FA hue: 0.64 , saturation: 0.91 and the lightness value of 90a4fa is 0.77.

#90a4fa
(144 , 164 , 250)
  • R (144)
  • G (164)
  • B (250)
  • C (41.57)
  • M (33.73)
  • Y (0)
  • K (1.96)

Applying the #90a4fa

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

#8b9ff5
#869af0
#8195eb
#7c90e6
#778be1
#7286dc
#6d81d7
#687cd2
#6377cd
#5e72c8
#596dc3
#5468be
#9cb0ff
#a8bcff
#b4c8ff
#c0d4ff
#cce0ff
#d8ecff
#e4f8ff
#f0ffff
#fcffff
#ffffff

Color spaces of #90a4fa

Type Values
RGB 144 164 250
HSL 0.64 0.91 0.77
HSV 229 42 98
CMYK 41.57 33.73 0 1.96
XYZ 42.0324 39.3823 95.8287
Hunter Lab 62.7553 9.7344 -46.5759
CIE-Lab 69.0273 14.4388 -45.0657

Base Numbers

BaseRedGreenBlue
Decimal 144 164 250
Binary 10010000 10100100 11111010
Octal 220 244 372
Hex 90 A4 FA

Monochromatic Colors

#a9bdff
#c2d6ff
#dbefff
#f4ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#90a4fa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#90A4FA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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