colorhexa.com

#ae4106 hex color

In a RGB color space, hex #ae4106 is composed of 68.2% red, 25.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.6% magenta, 96.6% yellow and 31.8% black. It has a hue angle of 21.1 degrees, a saturation of 93.3% and a lightness of 35.3%. #ae4106 color hex could be obtained by blending #ff820c with #5d0000. Closest websafe color is: #993300.

- R 68
- G 25
- B 2
RGB color chart
- C 0
- M 63
- Y 97
- K 32
CMYK color chart

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

The hexadecimal color #ae4106 has RGB values of R:174, G:65, B:6 and CMYK values of C:0, M:0.63, Y:0.97, K:0.32. Its decimal value is 11419910.

Hex triplet	ae4106	`#ae4106`
RGB Decimal	174, 65, 6	`rgb(174,65,6)`
RGB Percent	68.2, 25.5, 2.4	`rgb(68.2%,25.5%,2.4%)`
CMYK	0, 63, 97, 32
HSL	21.1°, 93.3, 35.3	`hsl(21.1,93.3%,35.3%)`
HSV (or HSB)	21.1°, 96.6, 68.2
Web Safe	993300	`#993300`

CIE-LAB	42.452, 42.339, 51.574
XYZ	19.38, 12.795, 1.621
xyY	0.573, 0.379, 12.795
CIE-LCH	42.452, 66.727, 50.616
CIE-LUV	42.452, 88.727, 35.524
Hunter-Lab	35.769, 34.113, 22.351
Binary	10101110, 01000001, 00000110

#ae4106
```
#ae4106 rgb(174,65,6)
```
#0673ae
```
#0673ae rgb(6,115,174)
```

Complementary Color

#ae061f
```
#ae061f rgb(174,6,31)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```
#ae9506
```
#ae9506 rgb(174,149,6)
```

Analogous Color

#061fae
```
#061fae rgb(6,31,174)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```
#06ae95
```
#06ae95 rgb(6,174,149)
```

Split Complementary Color

#642503
```
#642503 rgb(100,37,3)
```
#7d2f04
```
#7d2f04 rgb(125,47,4)
```
#953805
```
#953805 rgb(149,56,5)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```
#c74a07
```
#c74a07 rgb(199,74,7)
```
#df5308
```
#df5308 rgb(223,83,8)
```
#f75d0a
```
#f75d0a rgb(247,93,10)
```

Monochromatic Color

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

#ae1706
```
#ae1706 rgb(174,23,6)
```
#ae2506
```
#ae2506 rgb(174,37,6)
```
#ae3306
```
#ae3306 rgb(174,51,6)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```
#ae4f06
```
#ae4f06 rgb(174,79,6)
```
#ae5d06
```
#ae5d06 rgb(174,93,6)
```
#ae6b06
```
#ae6b06 rgb(174,107,6)
```

Similar Colors

Text with hexadecimal color #ae4106

This text has a font color of #ae4106.

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

#ae4106 background color

This paragraph has a background color of #ae4106.

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

#ae4106 border color

This element has a border color of #ae4106.

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

CSS codes

.text {color:#ae4106;}

.background {background-color:#ae4106;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160801
```
#160801 rgb(22,8,1)
```
#290f01
```
#290f01 rgb(41,15,1)
```
#3c1702
```
#3c1702 rgb(60,23,2)
```
#4f1e03
```
#4f1e03 rgb(79,30,3)
```
#622503
```
#622503 rgb(98,37,3)
```
#752c04
```
#752c04 rgb(117,44,4)
```
#883305
```
#883305 rgb(136,51,5)
```
#9b3a05
```
#9b3a05 rgb(155,58,5)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```
#c14807
```
#c14807 rgb(193,72,7)
```
#d44f07
```
#d44f07 rgb(212,79,7)
```
#e75608
```
#e75608 rgb(231,86,8)
```

Shade Color Variation

#f75e0c
```
#f75e0c rgb(247,94,12)
```
#f76b1f
```
#f76b1f rgb(247,107,31)
```
#f87732
```
#f87732 rgb(248,119,50)
```
#f98445
```
#f98445 rgb(249,132,69)
```
#f99058
```
#f99058 rgb(249,144,88)
```
#fa9d6b
```
#fa9d6b rgb(250,157,107)
```
#fba97e
```
#fba97e rgb(251,169,126)
```
#fbb691
```
#fbb691 rgb(251,182,145)
```
#fcc3a4
```
#fcc3a4 rgb(252,195,164)
```
#fdcfb7
```
#fdcfb7 rgb(253,207,183)
```
#fddcc9
```
#fddcc9 rgb(253,220,201)
```
#fee8dc
```
#fee8dc rgb(254,232,220)
```
#fef5ef
```
#fef5ef rgb(254,245,239)
```

Tint Color Variation

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

#5b5a59
```
#5b5a59 rgb(91,90,89)
```
#625852
```
#625852 rgb(98,88,82)
```
#69564b
```
#69564b rgb(105,86,75)
```
#705444
```
#705444 rgb(112,84,68)
```
#77513d
```
#77513d rgb(119,81,61)
```
#7e4f36
```
#7e4f36 rgb(126,79,54)
```
#844d30
```
#844d30 rgb(132,77,48)
```
#8b4b29
```
#8b4b29 rgb(139,75,41)
```
#924922
```
#924922 rgb(146,73,34)
```
#99471b
```
#99471b rgb(153,71,27)
```
#a04514
```
#a04514 rgb(160,69,20)
```
#a7430d
```
#a7430d rgb(167,67,13)
```
#ae4106
```
#ae4106 rgb(174,65,6)
```

Tone Color Variation

Below, you can see how #ae4106 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
#6c564a Atypical Achromatopsia 0.001% of the population

Dichromacy

#796c1b Protanopia 1% of men
#876700 Deuteranopia 1% of men
#b3464a Tritanopia 0.001% of the population

Trichromacy

#8c5c13 Protanomaly 1% of men, 0.01% of women
#955902 Deuteranomaly 6% of men, 0.4% of women
#b14431 Tritanomaly 0.01% of the population