#7598FA Information

#7598FA color RGB value is (117 , 152 , 250) , HEX triplet: 75, 98 and fa. RGB value is (117 , 152 , 250). Sum of RGB (Red+Green+Blue) = 117+152+250=519 (Red value is 117 (45.88% from 255 or 54.42% from 215); Green value is 152 (59.61% from 255 or 70.7% 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 #7598FA hue: 0.62 , saturation: 0.93 and the lightness value of 7598fa is 0.72.

#7598fa
(117 , 152 , 250)
  • R (117)
  • G (152)
  • B (250)
  • C (52.16)
  • M (38.43)
  • Y (0)
  • K (1.96)

Applying the #7598fa

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

#7093f5
#6b8ef0
#6689eb
#6184e6
#5c7fe1
#577adc
#5275d7
#4d70d2
#486bcd
#4366c8
#3e61c3
#395cbe
#81a4ff
#8db0ff
#99bcff
#a5c8ff
#b1d4ff
#bde0ff
#c9ecff
#d5f8ff
#e1ffff
#edffff
#f9ffff
#ffffff

Color spaces of #7598fa

Type Values
RGB 117 152 250
HSL 0.62 0.93 0.72
HSV 224 53 98
CMYK 52.16 38.43 0 1.96
XYZ 35.8197 33.1405 94.9513
Hunter Lab 57.5678 10.3224 -57.4593
CIE-Lab 64.2745 15.1476 -52.6735

Base Numbers

BaseRedGreenBlue
Decimal 117 152 250
Binary 1110101 10011000 11111010
Octal 165 230 372
Hex 75 98 FA

Monochromatic Colors

#8eb1ff
#a7caff
#c0e3ff
#d9fcff
#f2ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7598fa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7598FA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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