#a54312 hex color

In a RGB color space, hex #a54312 is composed of 64.7% red, 26.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 89.1% yellow and 35.3% black. It has a hue angle of 20 degrees, a saturation of 80.3% and a lightness of 35.9%. #a54312 color hex could be obtained by blending #ff8624 with #4b0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 65
- G 26
- B 7
RGB color chart
- C 0
- M 59
- Y 89
- K 35
CMYK color chart

● #a54312 color description : Dark orange [Brown tone].

The hexadecimal color #a54312 has RGB values of R:165, G:67, B:18 and CMYK values of C:0, M:0.59, Y:0.89, K:0.35. Its decimal value is 10830610.

Hex triplet	a54312	`#a54312`
RGB Decimal	165, 67, 18	`rgb(165,67,18)`
RGB Percent	64.7, 26.3, 7.1	`rgb(64.7%,26.3%,7.1%)`
CMYK	0, 59, 89, 35
HSL	20°, 80.3, 35.9	`hsl(20,80.3%,35.9%)`
HSV (or HSB)	20°, 89.1, 64.7
Web Safe	993300	`#993300`

CIE-LAB	41.31, 38.147, 46.294
XYZ	17.634, 12.059, 1.971
xyY	0.557, 0.381, 12.059
CIE-LCH	41.31, 59.986, 50.511
CIE-LUV	41.31, 79.046, 33.592
Hunter-Lab	34.726, 29.872, 20.943
Binary	10100101, 01000011, 00010010

#a54312
```
#a54312 rgb(165,67,18)
```
#1274a5
```
#1274a5 rgb(18,116,165)
```

Complementary Color

#a5122b
```
#a5122b rgb(165,18,43)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#a58d12
```
#a58d12 rgb(165,141,18)
```

Analogous Color

#122ba5
```
#122ba5 rgb(18,43,165)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#12a58d
```
#12a58d rgb(18,165,141)
```

Split Complementary Color

#4312a5
```
#4312a5 rgb(67,18,165)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#12a543
```
#12a543 rgb(18,165,67)
```

Triadic Color

#a51274
```
#a51274 rgb(165,18,116)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#12a543
```
#12a543 rgb(18,165,67)
```
#1274a5
```
#1274a5 rgb(18,116,165)
```

Tetradic Color

#60270a
```
#60270a rgb(96,39,10)
```
#77300d
```
#77300d rgb(119,48,13)
```
#8e3a0f
```
#8e3a0f rgb(142,58,15)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#bc4c15
```
#bc4c15 rgb(188,76,21)
```
#d35617
```
#d35617 rgb(211,86,23)
```
#e6601d
```
#e6601d rgb(230,96,29)
```

Monochromatic Color

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

#a51e12
```
#a51e12 rgb(165,30,18)
```
#a52b12
```
#a52b12 rgb(165,43,18)
```
#a53712
```
#a53712 rgb(165,55,18)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#a54f12
```
#a54f12 rgb(165,79,18)
```
#a55c12
```
#a55c12 rgb(165,92,18)
```
#a56812
```
#a56812 rgb(165,104,18)
```

Similar Colors

Text with hexadecimal color #a54312

This text has a font color of #a54312.

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

#a54312 background color

This paragraph has a background color of #a54312.

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

#a54312 border color

This element has a border color of #a54312.

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

CSS codes

.text {color:#a54312;}

.background {background-color:#a54312;}

.border {border:1px solid #a54312;}

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

#060201
```
#060201 rgb(6,2,1)
```
#180a03
```
#180a03 rgb(24,10,3)
```
#291104
```
#291104 rgb(41,17,4)
```
#3b1806
```
#3b1806 rgb(59,24,6)
```
#4d1f08
```
#4d1f08 rgb(77,31,8)
```
#5e260a
```
#5e260a rgb(94,38,10)
```
#702d0c
```
#702d0c rgb(112,45,12)
```
#82350e
```
#82350e rgb(130,53,14)
```
#933c10
```
#933c10 rgb(147,60,16)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#b74a14
```
#b74a14 rgb(183,74,20)
```
#c85116
```
#c85116 rgb(200,81,22)
```
#da5918
```
#da5918 rgb(218,89,24)
```

Shade Color Variation

#e7611f
```
#e7611f rgb(231,97,31)
```
#e86e31
```
#e86e31 rgb(232,110,49)
```
#ea7a42
```
#ea7a42 rgb(234,122,66)
```
#ec8754
```
#ec8754 rgb(236,135,84)
```
#ee9366
```
#ee9366 rgb(238,147,102)
```
#f0a077
```
#f0a077 rgb(240,160,119)
```
#f2ac89
```
#f2ac89 rgb(242,172,137)
```
#f4b89b
```
#f4b89b rgb(244,184,155)
```
#f6c5ac
```
#f6c5ac rgb(246,197,172)
```
#f8d1be
```
#f8d1be rgb(248,209,190)
```
#faded0
```
#faded0 rgb(250,222,208)
```
#fceae1
```
#fceae1 rgb(252,234,225)
```
#fef7f3
```
#fef7f3 rgb(254,247,243)
```

Tint Color Variation

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

#5f5a58
```
#5f5a58 rgb(95,90,88)
```
#665851
```
#665851 rgb(102,88,81)
```
#6d564a
```
#6d564a rgb(109,86,74)
```
#745343
```
#745343 rgb(116,83,67)
```
#7b513c
```
#7b513c rgb(123,81,60)
```
#824f35
```
#824f35 rgb(130,79,53)
```
#894c2e
```
#894c2e rgb(137,76,46)
```
#904a27
```
#904a27 rgb(144,74,39)
```
#974820
```
#974820 rgb(151,72,32)
```
#9e4519
```
#9e4519 rgb(158,69,25)
```
#a54312
```
#a54312 rgb(165,67,18)
```
#ac410b
```
#ac410b rgb(172,65,11)
```
#b33e04
```
#b33e04 rgb(179,62,4)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6a564c Atypical Achromatopsia 0.001% of the population

Dichromacy

#756925 Protanopia 1% of men
#84640f Deuteranopia 1% of men
#ab484c Tritanopia 0.001% of the population

Trichromacy

#865b1e Protanomaly 1% of men, 0.01% of women
#905810 Deuteranomaly 6% of men, 0.4% of women
#a94637 Tritanomaly 0.01% of the population

#a54312 hex color

#a54312 Color Information

#a54312 Color Conversion

Color Schemes with #a54312

Alternatives to #a54312

#a54312 Preview

Shades and Tints of #a54312

Tones of #a54312

Color Blindness Simulator