#35E7F0 Information

#35E7F0 color RGB value is (53 , 231 , 240) , HEX triplet: 35, e7 and f0. RGB value is (53 , 231 , 240). Sum of RGB (Red+Green+Blue) = 53+231+240=524 (Red value is 53 (20.78% from 255 or 24.65% from 215); Green value is 231 (90.59% from 255 or 107.44% from 215); Blue value is 240 (94.12% from 255 or 111.63% from 215); Max value from RGB is 240 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #35E7F0 hue: 0.51 , saturation: 0.86 and the lightness value of 35e7f0 is 0.57.

#35e7f0
(53 , 231 , 240)
  • R (53)
  • G (231)
  • B (240)
  • C (73.33)
  • M (3.53)
  • Y (0)
  • K (5.88)

Applying the #35e7f0

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

#30e2eb
#2bdde6
#26d8e1
#21d3dc
#1cced7
#17c9d2
#12c4cd
#0dbfc8
#08bac3
#03b5be
#00b0b9
#00abb4
#41f3fc
#4dffff
#59ffff
#65ffff
#71ffff
#7dffff
#89ffff
#95ffff
#a1ffff
#adffff
#b9ffff
#c5ffff

Color spaces of #35e7f0

Type Values
RGB 53 231 240
HSL 0.51 0.86 0.57
HSV 183 78 94
CMYK 73.33 3.53 0 5.88
XYZ 45.7723 64.2 92.4175
Hunter Lab 80.1249 -38.2478 -12.2748
CIE-Lab 84.0698 -39.4207 -16.8287

Base Numbers

BaseRedGreenBlue
Decimal 53 231 240
Binary 110101 11100111 11110000
Octal 65 347 360
Hex 35 E7 F0

Monochromatic Colors

#4effff
#67ffff
#80ffff
#99ffff
#b2ffff
#cbffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#35e7f0 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#35E7F0 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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