#DFC461 Information

#DFC461 color RGB value is (223 , 196 , 97) , HEX triplet: df, c4 and 61. RGB value is (223 , 196 , 97). Sum of RGB (Red+Green+Blue) = 223+196+97=516 (Red value is 223 (87.45% from 255 or 103.72% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 97 (38.04% from 255 or 45.12% from 215); Max value from RGB is 223 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DFC461 hue: 0.13 , saturation: 0.66 and the lightness value of dfc461 is 0.63.

#dfc461
(223 , 196 , 97)
  • R (223)
  • G (196)
  • B (97)
  • C (0)
  • M (10.59)
  • Y (49.41)
  • K (12.55)

Applying the #dfc461

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

#dabf5c
#d5ba57
#d0b552
#cbb04d
#c6ab48
#c1a643
#bca13e
#b79c39
#b29734
#ad922f
#a88d2a
#a38825
#ebd06d
#f7dc79
#ffe885
#fff491
#ffff9d
#ffffa9
#ffffb5
#ffffc1
#ffffcd
#ffffd9
#ffffe5
#fffff1

Color spaces of #dfc461

Type Values
RGB 223 196 97
HSL 0.13 0.66 0.63
HSV 47 57 87
CMYK 0 10.59 49.41 12.55
XYZ 52.329 56.0309 19.3663
Hunter Lab 74.8538 -6.2074 37.0624
CIE-Lab 79.6314 -2.4048 52.406

Base Numbers

BaseRedGreenBlue
Decimal 223 196 97
Binary 11011111 11000100 1100001
Octal 337 304 141
Hex DF C4 61

Monochromatic Colors

#f8dd7a
#fff693
#ffffac
#ffffc5
#ffffde
#fffff7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dfc461 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DFC461 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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