#FDE964 Information

#FDE964 color RGB value is (253 , 233 , 100) , HEX triplet: fd, e9 and 64. RGB value is (253 , 233 , 100). Sum of RGB (Red+Green+Blue) = 253+233+100=586 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 233 (91.37% from 255 or 108.37% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FDE964 hue: 0.14 , saturation: 0.97 and the lightness value of fde964 is 0.69.

#fde964
(253 , 233 , 100)
  • R (253)
  • G (233)
  • B (100)
  • C (0)
  • M (7.84)
  • Y (60)
  • K (0.78)

Applying the #fde964

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

#f8e45f
#f3df5a
#eeda55
#e9d550
#e4d04b
#dfcb46
#dac641
#d5c13c
#d0bc37
#cbb732
#c6b22d
#c1ad28
#fff570
#ffff7c
#ffff88
#ffff94
#ffffa0
#ffffac
#ffffb8
#ffffc4
#ffffd0
#ffffdc
#ffffe8
#fffff4

Color spaces of #fde964

Type Values
RGB 253 233 100
HSL 0.14 0.97 0.69
HSV 52 60 99
CMYK 0 7.84 60 0.78
XYZ 71.9472 80.0806 23.7217
Hunter Lab 89.4877 -13.091 46.9289
CIE-Lab 91.721 -8.6328 65.3817

Base Numbers

BaseRedGreenBlue
Decimal 253 233 100
Binary 11111101 11101001 1100100
Octal 375 351 144
Hex FD E9 64

Monochromatic Colors

#ffff7d
#ffff96
#ffffaf
#ffffc8
#ffffe1
#fffffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fde964 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FDE964 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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