#FDDF2B Information

#FDDF2B color RGB value is (253 , 223 , 43) , HEX triplet: fd, df and 2b. RGB value is (253 , 223 , 43). Sum of RGB (Red+Green+Blue) = 253+223+43=519 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 223 (87.45% from 255 or 103.72% from 215); Blue value is 43 (16.86% from 255 or 20% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FDDF2B hue: 0.14 , saturation: 0.98 and the lightness value of fddf2b is 0.58.

#fddf2b
(253 , 223 , 43)
  • R (253)
  • G (223)
  • B (43)
  • C (0)
  • M (11.76)
  • Y (82.35)
  • K (0.78)

Applying the #fddf2b

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

#f8da26
#f3d521
#eed01c
#e9cb17
#e4c612
#dfc10d
#dabc08
#d5b703
#d0b200
#cbad00
#c6a800
#c1a300
#ffeb37
#fff743
#ffff4f
#ffff5b
#ffff67
#ffff73
#ffff7f
#ffff8b
#ffff97
#ffffa3
#ffffaf
#ffffbb

Color spaces of #fddf2b

Type Values
RGB 253 223 43
HSL 0.14 0.98 0.58
HSV 51 83 99
CMYK 0 11.76 82.35 0.78
XYZ 67.3317 73.8324 12.9878
Hunter Lab 85.9258 -10.4965 51.1881
CIE-Lab 88.8432 -6.1887 82.3127

Base Numbers

BaseRedGreenBlue
Decimal 253 223 43
Binary 11111101 11011111 101011
Octal 375 337 53
Hex FD DF 2B

Monochromatic Colors

#fff844
#ffff5d
#ffff76
#ffff8f
#ffffa8
#ffffc1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fddf2b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FDDF2B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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