#D97B0A Information

#D97B0A color RGB value is (217 , 123 , 10) , HEX triplet: d9, 7b and a. RGB value is (217 , 123 , 10). Sum of RGB (Red+Green+Blue) = 217+123+10=350 (Red value is 217 (85.1% from 255 or 100.93% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 10 (3.92% from 255 or 4.65% from 215); Max value from RGB is 217 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D97B0A hue: 0.09 , saturation: 0.91 and the lightness value of d97b0a is 0.45.

#d97b0a
(217 , 123 , 10)
  • R (217)
  • G (123)
  • B (10)
  • C (0)
  • M (36.86)
  • Y (81.18)
  • K (14.9)

Applying the #d97b0a

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

#d47605
#cf7100
#ca6c00
#c56700
#c06200
#bb5d00
#b65800
#b15300
#ac4e00
#a74900
#a24400
#9d3f00
#e58716
#f19322
#fd9f2e
#ffab3a
#ffb746
#ffc352
#ffcf5e
#ffdb6a
#ffe776
#fff382
#ffff8e
#ffff9a

Color spaces of #d97b0a

Type Values
RGB 217 123 10
HSL 0.09 0.91 0.45
HSV 33 95 85
CMYK 0 36.86 81.18 14.9
XYZ 35.753 28.9395 3.9887
Hunter Lab 53.7955 24.491 33.2615
CIE-Lab 60.7282 30.2091 65.867

Base Numbers

BaseRedGreenBlue
Decimal 217 123 10
Binary 11011001 1111011 1010
Octal 331 173 12
Hex D9 7B A

Monochromatic Colors

#f29423
#ffad3c
#ffc655
#ffdf6e
#fff887
#ffffa0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d97b0a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D97B0A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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