#5a2f12 hex color

In a RGB color space, hex #5a2f12 is composed of 35.3% red, 18.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 80% yellow and 64.7% black. It has a hue angle of 24.2 degrees, a saturation of 66.7% and a lightness of 21.2%. #5a2f12 color hex could be obtained by blending #b45e24 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 35
- G 18
- B 7
RGB color chart
- C 0
- M 48
- Y 80
- K 65
CMYK color chart

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

The hexadecimal color #5a2f12 has RGB values of R:90, G:47, B:18 and CMYK values of C:0, M:0.48, Y:0.8, K:0.65. Its decimal value is 5910290.

Hex triplet	5a2f12	`#5a2f12`
RGB Decimal	90, 47, 18	`rgb(90,47,18)`
RGB Percent	35.3, 18.4, 7.1	`rgb(35.3%,18.4%,7.1%)`
CMYK	0, 48, 80, 65
HSL	24.2°, 66.7, 21.2	`hsl(24.2,66.7%,21.2%)`
HSV (or HSB)	24.2°, 80, 35.3
Web Safe	663300	`#663300`

CIE-LAB	24.484, 17.029, 26.416
XYZ	5.342, 4.251, 1.111
xyY	0.499, 0.397, 4.251
CIE-LCH	24.484, 31.429, 57.191
CIE-LUV	24.484, 30.925, 19.033
Hunter-Lab	20.617, 10.172, 11.236
Binary	01011010, 00101111, 00010010

#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#123d5a
```
#123d5a rgb(18,61,90)
```

Complementary Color

#5a1219
```
#5a1219 rgb(90,18,25)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#5a5312
```
#5a5312 rgb(90,83,18)
```

Analogous Color

#12195a
```
#12195a rgb(18,25,90)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#125a53
```
#125a53 rgb(18,90,83)
```

Split Complementary Color

#2f125a
```
#2f125a rgb(47,18,90)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#125a2f
```
#125a2f rgb(18,90,47)
```

Triadic Color

#5a123d
```
#5a123d rgb(90,18,61)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#125a2f
```
#125a2f rgb(18,90,47)
```
#123d5a
```
#123d5a rgb(18,61,90)
```

Tetradic Color

#1a0e05
```
#1a0e05 rgb(26,14,5)
```
#30190a
```
#30190a rgb(48,25,10)
```
#45240e
```
#45240e rgb(69,36,14)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#6f3a16
```
#6f3a16 rgb(111,58,22)
```
#85451b
```
#85451b rgb(133,69,27)
```
#9a501f
```
#9a501f rgb(154,80,31)
```

Monochromatic Color

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

#5a1d12
```
#5a1d12 rgb(90,29,18)
```
#5a2312
```
#5a2312 rgb(90,35,18)
```
#5a2912
```
#5a2912 rgb(90,41,18)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#5a3b12
```
#5a3b12 rgb(90,59,18)
```
#5a4112
```
#5a4112 rgb(90,65,18)
```

Similar Colors

Text with hexadecimal color #5a2f12

This text has a font color of #5a2f12.

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

#5a2f12 background color

This paragraph has a background color of #5a2f12.

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

#5a2f12 border color

This element has a border color of #5a2f12.

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

CSS codes

.text {color:#5a2f12;}

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

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

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, #080402 is the darkest color, while #fdfaf7 is the lightest one.

#080402
```
#080402 rgb(8,4,2)
```
#190d05
```
#190d05 rgb(25,13,5)
```
#291508
```
#291508 rgb(41,21,8)
```
#391e0b
```
#391e0b rgb(57,30,11)
```
#4a260f
```
#4a260f rgb(74,38,15)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#6a3815
```
#6a3815 rgb(106,56,21)
```
#7b4019
```
#7b4019 rgb(123,64,25)
```
#8b491c
```
#8b491c rgb(139,73,28)
```
#9b511f
```
#9b511f rgb(155,81,31)
```
#ac5a22
```
#ac5a22 rgb(172,90,34)
```
#bc6226
```
#bc6226 rgb(188,98,38)
```
#cc6b29
```
#cc6b29 rgb(204,107,41)
```

Shade Color Variation

#d67533
```
#d67533 rgb(214,117,51)
```
#d98043
```
#d98043 rgb(217,128,67)
```
#dd8b53
```
#dd8b53 rgb(221,139,83)
```
#e09664
```
#e09664 rgb(224,150,100)
```
#e3a174
```
#e3a174 rgb(227,161,116)
```
#e7ac85
```
#e7ac85 rgb(231,172,133)
```
#eab795
```
#eab795 rgb(234,183,149)
```
#edc2a5
```
#edc2a5 rgb(237,194,165)
```
#f0cdb6
```
#f0cdb6 rgb(240,205,182)
```
#f4d8c6
```
#f4d8c6 rgb(244,216,198)
```
#f7e3d6
```
#f7e3d6 rgb(247,227,214)
```
#faeee7
```
#faeee7 rgb(250,238,231)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#393533
```
#393533 rgb(57,53,51)
```
#3d352f
```
#3d352f rgb(61,53,47)
```
#41342b
```
#41342b rgb(65,52,43)
```
#453327
```
#453327 rgb(69,51,39)
```
#493223
```
#493223 rgb(73,50,35)
```
#4e311e
```
#4e311e rgb(78,49,30)
```
#52311a
```
#52311a rgb(82,49,26)
```
#563016
```
#563016 rgb(86,48,22)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#5e2e0e
```
#5e2e0e rgb(94,46,14)
```
#622d0a
```
#622d0a rgb(98,45,10)
```
#662d06
```
#662d06 rgb(102,45,6)
```
#6b2c01
```
#6b2c01 rgb(107,44,1)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#403731 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4421 Protanopia 1% of men
#54411b Deuteranopia 1% of men
#64363a Tritanopia 0.001% of the population

Trichromacy

#503c1b Protanomaly 1% of men, 0.01% of women
#563a18 Deuteranomaly 6% of men, 0.4% of women
#60332b Tritanomaly 0.01% of the population

#5a2f12 hex color

#5a2f12 Color Information

#5a2f12 Color Conversion

Color Schemes with #5a2f12

Alternatives to #5a2f12

#5a2f12 Preview

Shades and Tints of #5a2f12

Tones of #5a2f12

Color Blindness Simulator