#75D9FA Information

#75D9FA color RGB value is (117 , 217 , 250) , HEX triplet: 75, d9 and fa. RGB value is (117 , 217 , 250). Sum of RGB (Red+Green+Blue) = 117+217+250=584 (Red value is 117 (45.88% from 255 or 54.42% from 215); Green value is 217 (85.1% from 255 or 100.93% 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 #75D9FA hue: 0.54 , saturation: 0.93 and the lightness value of 75d9fa is 0.72.

#75d9fa
(117 , 217 , 250)
  • R (117)
  • G (217)
  • B (250)
  • C (52.16)
  • M (12.94)
  • Y (0)
  • K (1.96)

Applying the #75d9fa

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

#70d4f5
#6bcff0
#66caeb
#61c5e6
#5cc0e1
#57bbdc
#52b6d7
#4db1d2
#48accd
#43a7c8
#3ea2c3
#399dbe
#81e5ff
#8df1ff
#99fdff
#a5ffff
#b1ffff
#bdffff
#c9ffff
#d5ffff
#e1ffff
#edffff
#f9ffff
#ffffff

Color spaces of #75d9fa

Type Values
RGB 117 217 250
HSL 0.54 0.93 0.72
HSV 195 53 98
CMYK 52.16 12.94 0 1.96
XYZ 49.4043 60.3097 99.4795
Hunter Lab 77.6593 -22.3477 -21.5606
CIE-Lab 82.0063 -20.4228 -25.092

Base Numbers

BaseRedGreenBlue
Decimal 117 217 250
Binary 1110101 11011001 11111010
Octal 165 331 372
Hex 75 D9 FA

Monochromatic Colors

#8ef2ff
#a7ffff
#c0ffff
#d9ffff
#f2ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#75d9fa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#75D9FA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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