#5a3100 hex color

In a RGB color space, hex #5a3100 is composed of 35.3% red, 19.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 100% yellow and 64.7% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 17.6%. #5a3100 color hex could be obtained by blending #b46200 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 35
- G 19
- B 0
RGB color chart
- C 0
- M 46
- Y 100
- K 65
CMYK color chart

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

The hexadecimal color #5a3100 has RGB values of R:90, G:49, B:0 and CMYK values of C:0, M:0.46, Y:1, K:0.65. Its decimal value is 5910784.

Hex triplet	5a3100	`#5a3100`
RGB Decimal	90, 49, 0	`rgb(90,49,0)`
RGB Percent	35.3, 19.2, 0	`rgb(35.3%,19.2%,0%)`
CMYK	0, 46, 100, 65
HSL	32.7°, 100, 17.6	`hsl(32.7,100%,17.6%)`
HSV (or HSB)	32.7°, 100, 35.3
Web Safe	663300	`#663300`

CIE-LAB	24.861, 15.076, 34.8
XYZ	5.315, 4.371, 0.564
xyY	0.519, 0.426, 4.371
CIE-LCH	24.861, 37.926, 66.577
CIE-LUV	24.861, 30.745, 23.831
Hunter-Lab	20.906, 8.794, 13.036
Binary	01011010, 00110001, 00000000

#5a3100
```
#5a3100 rgb(90,49,0)
```
#00295a
```
#00295a rgb(0,41,90)
```

Complementary Color

#5a0400
```
#5a0400 rgb(90,4,0)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#565a00
```
#565a00 rgb(86,90,0)
```

Analogous Color

#04005a
```
#04005a rgb(4,0,90)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#00565a
```
#00565a rgb(0,86,90)
```

Split Complementary Color

#31005a
```
#31005a rgb(49,0,90)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#005a31
```
#005a31 rgb(0,90,49)
```

Triadic Color

#5a0029
```
#5a0029 rgb(90,0,41)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#005a31
```
#005a31 rgb(0,90,49)
```
#00295a
```
#00295a rgb(0,41,90)
```

Tetradic Color

#0e0700
```
#0e0700 rgb(14,7,0)
```
#271500
```
#271500 rgb(39,21,0)
```
#412300
```
#412300 rgb(65,35,0)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#743f00
```
#743f00 rgb(116,63,0)
```
#8d4d00
```
#8d4d00 rgb(141,77,0)
```
#a75b00
```
#a75b00 rgb(167,91,0)
```

Monochromatic Color

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

#5a1b00
```
#5a1b00 rgb(90,27,0)
```
#5a2200
```
#5a2200 rgb(90,34,0)
```
#5a2a00
```
#5a2a00 rgb(90,42,0)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#5a3900
```
#5a3900 rgb(90,57,0)
```
#5a4000
```
#5a4000 rgb(90,64,0)
```
#5a4800
```
#5a4800 rgb(90,72,0)
```

Similar Colors

Text with hexadecimal color #5a3100

This text has a font color of #5a3100.

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

#5a3100 background color

This paragraph has a background color of #5a3100.

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

#5a3100 border color

This element has a border color of #5a3100.

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

CSS codes

.text {color:#5a3100;}

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

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

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, #0c0600 is the darkest color, while #fffbf7 is the lightest one.

#0c0600
```
#0c0600 rgb(12,6,0)
```
#1f1100
```
#1f1100 rgb(31,17,0)
```
#331c00
```
#331c00 rgb(51,28,0)
```
#462600
```
#462600 rgb(70,38,0)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```
#6e3c00
```
#6e3c00 rgb(110,60,0)
```
#814600
```
#814600 rgb(129,70,0)
```
#955100
```
#955100 rgb(149,81,0)
```
#a85c00
```
#a85c00 rgb(168,92,0)
```
#bc6600
```
#bc6600 rgb(188,102,0)
```
#d07100
```
#d07100 rgb(208,113,0)
```
#e37c00
```
#e37c00 rgb(227,124,0)
```
#f78600
```
#f78600 rgb(247,134,0)
```

Shade Color Variation

#ff900c
```
#ff900c rgb(255,144,12)
```
#ff991f
```
#ff991f rgb(255,153,31)
```
#ffa233
```
#ffa233 rgb(255,162,51)
```
#ffab46
```
#ffab46 rgb(255,171,70)
```
#ffb45a
```
#ffb45a rgb(255,180,90)
```
#ffbd6e
```
#ffbd6e rgb(255,189,110)
```
#ffc681
```
#ffc681 rgb(255,198,129)
```
#ffcf95
```
#ffcf95 rgb(255,207,149)
```
#ffd8a8
```
#ffd8a8 rgb(255,216,168)
```
#ffe1bc
```
#ffe1bc rgb(255,225,188)
```
#ffe9d0
```
#ffe9d0 rgb(255,233,208)
```
#fff2e3
```
#fff2e3 rgb(255,242,227)
```
#fffbf7
```
#fffbf7 rgb(255,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #302d2a is the less saturated color, while #5a3100 is the most saturated one.

#302d2a
```
#302d2a rgb(48,45,42)
```
#342e26
```
#342e26 rgb(52,46,38)
```
#372e23
```
#372e23 rgb(55,46,35)
```
#3b2e1f
```
#3b2e1f rgb(59,46,31)
```
#3e2f1c
```
#3e2f1c rgb(62,47,28)
```
#422f18
```
#422f18 rgb(66,47,24)
```
#452f15
```
#452f15 rgb(69,47,21)
```
#492f11
```
#492f11 rgb(73,47,17)
```
#4c300e
```
#4c300e rgb(76,48,14)
```
#50300a
```
#50300a rgb(80,48,10)
```
#533007
```
#533007 rgb(83,48,7)
```
#573103
```
#573103 rgb(87,49,3)
```
#5a3100
```
#5a3100 rgb(90,49,0)
```

Tone Color Variation

Below, you can see how #5a3100 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

#383838 Achromatopsia 0.005% of the population
#3f372d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4508 Protanopia 1% of men
#564100 Deuteranopia 1% of men
#64373b Tritanopia 0.001% of the population

Trichromacy

#523d05 Protanomaly 1% of men, 0.01% of women
#573b00 Deuteranomaly 6% of men, 0.4% of women
#603525 Tritanomaly 0.01% of the population

#5a3100 hex color

#5a3100 Color Information

#5a3100 Color Conversion

Color Schemes with #5a3100

Alternatives to #5a3100

#5a3100 Preview

Shades and Tints of #5a3100

Tones of #5a3100

Color Blindness Simulator