#FDD571 Information

#FDD571 color RGB value is (253 , 213 , 113) , HEX triplet: fd, d5 and 71. RGB value is (253 , 213 , 113). Sum of RGB (Red+Green+Blue) = 253+213+113=579 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 213 (83.53% from 255 or 99.07% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FDD571 hue: 0.12 , saturation: 0.97 and the lightness value of fdd571 is 0.72.

#fdd571
(253 , 213 , 113)
  • R (253)
  • G (213)
  • B (113)
  • C (0)
  • M (15.69)
  • Y (54.9)
  • K (0.78)

Applying the #fdd571

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

#f8d06c
#f3cb67
#eec662
#e9c15d
#e4bc58
#dfb753
#dab24e
#d5ad49
#d0a844
#cba33f
#c69e3a
#c19935
#ffe17d
#ffed89
#fff995
#ffffa1
#ffffad
#ffffb9
#ffffc5
#ffffd1
#ffffdd
#ffffe9
#fffff5
#ffffff

Color spaces of #fdd571

Type Values
RGB 253 213 113
HSL 0.12 0.97 0.72
HSV 43 55 99
CMYK 0 15.69 54.9 0.78
XYZ 67.2829 69.6634 25.523
Hunter Lab 83.4646 -2.1693 40.2999
CIE-Lab 86.8315 2.3747 53.9794

Base Numbers

BaseRedGreenBlue
Decimal 253 213 113
Binary 11111101 11010101 1110001
Octal 375 325 161
Hex FD D5 71

Monochromatic Colors

#ffee8a
#ffffa3
#ffffbc
#ffffd5
#ffffee
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fdd571 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FDD571 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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