#DB5022 Information

#DB5022 color RGB value is (219 , 80 , 34) , HEX triplet: db, 50 and 22. RGB value is (219 , 80 , 34). Sum of RGB (Red+Green+Blue) = 219+80+34=333 (Red value is 219 (85.88% from 255 or 101.86% from 215); Green value is 80 (31.37% from 255 or 37.21% from 215); Blue value is 34 (13.33% from 255 or 15.81% from 215); Max value from RGB is 219 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DB5022 hue: 0.04 , saturation: 0.73 and the lightness value of db5022 is 0.5.

#db5022
(219 , 80 , 34)
  • R (219)
  • G (80)
  • B (34)
  • C (0)
  • M (54.51)
  • Y (72.55)
  • K (14.12)

Applying the #db5022

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

#d64b1d
#d14618
#cc4113
#c73c0e
#c23709
#bd3204
#b82d00
#b32800
#ae2300
#a91e00
#a41900
#9f1400
#e75c2e
#f3683a
#ff7446
#ff8052
#ff8c5e
#ff986a
#ffa476
#ffb082
#ffbc8e
#ffc89a
#ffd4a6
#ffe0b2

Color spaces of #db5022

Type Values
RGB 219 80 34
HSL 0.04 0.73 0.5
HSV 15 84 86
CMYK 0 54.51 72.55 14.12
XYZ 32.3708 20.9129 3.8438
Hunter Lab 45.7306 46.3243 27.0289
CIE-Lab 52.854 52.3893 53.1046

Base Numbers

BaseRedGreenBlue
Decimal 219 80 34
Binary 11011011 1010000 100010
Octal 333 120 42
Hex DB 50 22

Monochromatic Colors

#f4693b
#ff8254
#ff9b6d
#ffb486
#ffcd9f
#ffe6b8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#db5022 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DB5022 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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