colorhexa.com

#5d220a hex color

In a RGB color space, hex #5d220a is composed of 36.5% red, 13.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.4% magenta, 89.2% yellow and 63.5% black. It has a hue angle of 17.3 degrees, a saturation of 80.6% and a lightness of 20.2%. #5d220a color hex could be obtained by blending #ba4414 with #000000. Closest websafe color is: #663300.

- R 36
- G 13
- B 4
RGB color chart
- C 0
- M 63
- Y 89
- K 64
CMYK color chart

● #5d220a color description : Very dark orange [Brown tone].

The hexadecimal color #5d220a has RGB values of R:93, G:34, B:10 and CMYK values of C:0, M:0.63, Y:0.89, K:0.64. Its decimal value is 6103562.

Hex triplet	5d220a	`#5d220a`
RGB Decimal	93, 34, 10	`rgb(93,34,10)`
RGB Percent	36.5, 13.3, 3.9	`rgb(36.5%,13.3%,3.9%)`
CMYK	0, 63, 89, 64
HSL	17.3°, 80.6, 20.2	`hsl(17.3,80.6%,20.2%)`
HSV (or HSB)	17.3°, 89.2, 36.5
Web Safe	663300	`#663300`

CIE-LAB	21.921, 25.64, 27.915
XYZ	5.141, 3.494, 0.691
xyY	0.551, 0.375, 3.494
CIE-LCH	21.921, 37.904, 47.433
CIE-LUV	21.921, 41.921, 16.833
Hunter-Lab	18.691, 16.388, 10.893
Binary	01011101, 00100010, 00001010

#5d220a
```
#5d220a rgb(93,34,10)
```
#0a455d
```
#0a455d rgb(10,69,93)
```

Complementary Color

#5d0a1b
```
#5d0a1b rgb(93,10,27)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#5d4c0a
```
#5d4c0a rgb(93,76,10)
```

Analogous Color

#0a1c5d
```
#0a1c5d rgb(10,28,93)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#0a5d4c
```
#0a5d4c rgb(10,93,76)
```

Split Complementary Color

#180903
```
#180903 rgb(24,9,3)
```
#2f1105
```
#2f1105 rgb(47,17,5)
```
#461a08
```
#461a08 rgb(70,26,8)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#742a0c
```
#742a0c rgb(116,42,12)
```
#8b330f
```
#8b330f rgb(139,51,15)
```
#a23b11
```
#a23b11 rgb(162,59,17)
```

Monochromatic Color

Below, you can see some colors close to #5d220a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5d0d0a
```
#5d0d0a rgb(93,13,10)
```
#5d140a
```
#5d140a rgb(93,20,10)
```
#5d1b0a
```
#5d1b0a rgb(93,27,10)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#5d290a
```
#5d290a rgb(93,41,10)
```
#5d300a
```
#5d300a rgb(93,48,10)
```
#5d370a
```
#5d370a rgb(93,55,10)
```

Similar Colors

Text with hexadecimal color #5d220a

This text has a font color of #5d220a.

<span style="color:#5d220a;">Text here</span>

#5d220a background color

This paragraph has a background color of #5d220a.

<p style="background-color:#5d220a;">Content here</p>

#5d220a border color

This element has a border color of #5d220a.

<div style="border:1px solid #5d220a;">Content here</div>

CSS codes

.text {color:#5d220a;}

.background {background-color:#5d220a;}

.border {border:1px solid #5d220a;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040200 is the darkest color, while #fef5f2 is the lightest one.

#040200
```
#040200 rgb(4,2,0)
```
#160802
```
#160802 rgb(22,8,2)
```
#280f04
```
#280f04 rgb(40,15,4)
```
#3a1506
```
#3a1506 rgb(58,21,6)
```
#4b1c08
```
#4b1c08 rgb(75,28,8)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#6f280c
```
#6f280c rgb(111,40,12)
```
#802f0e
```
#802f0e rgb(128,47,14)
```
#923510
```
#923510 rgb(146,53,16)
```
#a43c12
```
#a43c12 rgb(164,60,18)
```
#b64214
```
#b64214 rgb(182,66,20)
```
#c74915
```
#c74915 rgb(199,73,21)
```
#d94f17
```
#d94f17 rgb(217,79,23)
```

Shade Color Variation

#e7571d
```
#e7571d rgb(231,87,29)
```
#e9652f
```
#e9652f rgb(233,101,47)
```
#eb7241
```
#eb7241 rgb(235,114,65)
```
#ec7f52
```
#ec7f52 rgb(236,127,82)
```
#ee8c64
```
#ee8c64 rgb(238,140,100)
```
#f09976
```
#f09976 rgb(240,153,118)
```
#f2a687
```
#f2a687 rgb(242,166,135)
```
#f4b399
```
#f4b399 rgb(244,179,153)
```
#f6c1ab
```
#f6c1ab rgb(246,193,171)
```
#f8cebd
```
#f8cebd rgb(248,206,189)
```
#fadbce
```
#fadbce rgb(250,219,206)
```
#fce8e0
```
#fce8e0 rgb(252,232,224)
```
#fef5f2
```
#fef5f2 rgb(254,245,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #353332 is the less saturated color, while #651f02 is the most saturated one.

#353332
```
#353332 rgb(53,51,50)
```
#39312e
```
#39312e rgb(57,49,46)
```
#3d2f2a
```
#3d2f2a rgb(61,47,42)
```
#412e26
```
#412e26 rgb(65,46,38)
```
#452c22
```
#452c22 rgb(69,44,34)
```
#492a1e
```
#492a1e rgb(73,42,30)
```
#4d291a
```
#4d291a rgb(77,41,26)
```
#512716
```
#512716 rgb(81,39,22)
```
#552512
```
#552512 rgb(85,37,18)
```
#59240e
```
#59240e rgb(89,36,14)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#612006
```
#612006 rgb(97,32,6)
```
#651f02
```
#651f02 rgb(101,31,2)
```

Tone Color Variation

Below, you can see how #5d220a is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#313131 Achromatopsia 0.005% of the population
#3a2e29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#453f1b Protanopia 1% of men
#4e3c11 Deuteranopia 1% of men
#662b2d Tritanopia 0.001% of the population

Trichromacy

#4e3415 Protanomaly 1% of men, 0.01% of women
#53320e Deuteranomaly 6% of men, 0.4% of women
#622720 Tritanomaly 0.01% of the population