Html Css Color HEX #D55F22 Chocolate

📋 copy color: '#D55F22'

red 213 ◦ green 95 ◦ blue 34

#D55F22
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Chocolate #D55F22

#D55F22
#AA4C1B
#883D16
#6D3112
#57270E
#461F0B
#381909
#2D1407
#241006
#1D0D05
#170A04
#120803
Black

Tints of Chocolate #D55F22

#D55F22
#DD7F4E
#E49971
#E9AD8D
#EDBDA4
#F1CAB6
#F4D5C5
#F6DDD1
#F8E4DA
#F9E9E1
#FAEDE7
#FBF1EC
White

RGB

 RED value IS 213 (83.59% from 255) = 62.28%

 GREEN value IS 95 (37.5% from 255) = 27.78%

 BLUE value IS 34 (13.67% from 255) = 9.94%

R = 62.28%
G = 27.78%
B = 9.94%

CMYK

 C value IS 0

 M value IS 0.55

 Y value IS 0.84

 K value IS 0.16

RGB Variations

RGB:
#D55F22
RBG:
#D5225F
GRB:
#5FD522
GBR:
#5F22D5
BRG:
#22D522
BGR:
#225FD5

Color information

#D55F22 (or 0xD55F22) is known color: Chocolate. HEX triplet: D5, 5F and 22. RGB value is (213,95,34). Sum of RGB (Red+Green+Blue) = 213+95+34=342 (45% of max value = 765). Red value is 213 (83.59% from 255 or 62.28% from 342); Green value is 95 (37.5% from 255 or 27.78% from 342); Blue value is 34 (13.67% from 255 or 9.94% from 342); Max value from RGB is 213 - color contains mainly: red. Hex color #D55F22 is not a web safe color. Web safe color analog (approx): #CC6633. Inversed color of #D55F22 is #2AA0DD. Grayscale: #7B7B7B. Windows color (decimal): -2793694 or 2252757. OLE color: 2252757.

HSL color Cylindrical-coordinate representation of color #D55F22: hue angle of 20.45º degrees, saturation: 0.72, lightness: 0.48%. HSV value (or HSB Brightness) of color is 0.84% and HSV saturation: 0.84%. Process color model (Four color, CMYK) of #D55F22 is Cyan = 0, Magento = 0.55, Yellow = 0.84 and Black (K on CMYK) = 0.16.

Color convert

RGB 213 95 34 -
CMYK 0 0.55 0.84 0.16
HSL 20.45º 0.72% 0.48% -
HSV(B) 20.45º 0.84% 0.84% -
XYZ 31.82 22.45 4.17 -
YUV 123.33 77.59 191.96 -
System Red Green Blue C M Y K H S L
Decimal 213 95 34 0 0.55 0.84 0.16 20.45 0.72 0.48
Hex D5 5F 22 0 37 54 10 14 48 30
Octal 325 137 42 0 67 124 20 24 110 60
Binary 11010101 1011111 100010 0 110111 1010100 10000 10100 1001000 110000

Color Harmonies of #D55F22

Triadic Colors

#22D55F
#5F22D5

Analogous colors

#D5B822
#D5223E

Split complements colors

#22D5B8
#223ED5

Complementary color

#2298D5

Monochromatic Colors of #D55F22

#F4D7C8
#EAB091
#AF846C
#9F4719
#6A3011
#4F240C

Black with #D55F22

Text Example


Text Example

White with #D55F22

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #D55F22; }

 p { color: rgb(213,95,34); }

 H1.HeaderClassName
 {
   color: #D55F22;
 }
 .AnyTagClassName
 {
   color: #D55F22;
 }
</style>

background-color css

<style>
 a { background-color: #D55F22; }

 a { background-color: rgb(213,95,34); }

 div.DivClassName
 {
   background-color: #D55F22;
 }
 .BgClassName
 {
   background-color: #D55F22;
 }
</style>

border-color css

<style>
 span { border-color: #D55F22; }

 span { border-color: rgb(213,95,34); }

 td.TdClassName
 {
   border-color: #D55F22;
 }
 .TagClassName
 {
   border-color: #D55F22;
 }
</style>