colorhexa.com

#ae3407 hex color

In a RGB color space, hex #ae3407 is composed of 68.2% red, 20.4% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.1% magenta, 96% yellow and 31.8% black. It has a hue angle of 16.2 degrees, a saturation of 92.3% and a lightness of 35.5%. #ae3407 color hex could be obtained by blending #ff680e with #5d0000. Closest websafe color is: #993300.

- R 68
- G 20
- B 3
RGB color chart
- C 0
- M 70
- Y 96
- K 32
CMYK color chart

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

The hexadecimal color #ae3407 has RGB values of R:174, G:52, B:7 and CMYK values of C:0, M:0.7, Y:0.96, K:0.32. Its decimal value is 11416583.

Hex triplet	ae3407	`#ae3407`
RGB Decimal	174, 52, 7	`rgb(174,52,7)`
RGB Percent	68.2, 20.4, 2.7	`rgb(68.2%,20.4%,2.7%)`
CMYK	0, 70, 96, 32
HSL	16.2°, 92.3, 35.5	`hsl(16.2,92.3%,35.5%)`
HSV (or HSB)	16.2°, 96, 68.2
Web Safe	993300	`#993300`

CIE-LAB	40.365, 47.974, 49.999
XYZ	18.723, 11.472, 1.43
xyY	0.592, 0.363, 11.472
CIE-LCH	40.365, 69.292, 46.184
CIE-LUV	40.365, 97.619, 31.953
Hunter-Lab	33.871, 39.397, 21.207
Binary	10101110, 00110100, 00000111

#ae3407
```
#ae3407 rgb(174,52,7)
```
#0781ae
```
#0781ae rgb(7,129,174)
```

Complementary Color

#ae072e
```
#ae072e rgb(174,7,46)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#ae8807
```
#ae8807 rgb(174,136,7)
```

Analogous Color

#072eae
```
#072eae rgb(7,46,174)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#07ae88
```
#07ae88 rgb(7,174,136)
```

Split Complementary Color

#641e04
```
#641e04 rgb(100,30,4)
```
#7d2505
```
#7d2505 rgb(125,37,5)
```
#952d06
```
#952d06 rgb(149,45,6)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#c73b08
```
#c73b08 rgb(199,59,8)
```
#df4309
```
#df4309 rgb(223,67,9)
```
#f54b0c
```
#f54b0c rgb(245,75,12)
```

Monochromatic Color

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

#ae0a07
```
#ae0a07 rgb(174,10,7)
```
#ae1807
```
#ae1807 rgb(174,24,7)
```
#ae2607
```
#ae2607 rgb(174,38,7)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#ae4207
```
#ae4207 rgb(174,66,7)
```
#ae5007
```
#ae5007 rgb(174,80,7)
```
#ae5e07
```
#ae5e07 rgb(174,94,7)
```

Similar Colors

Text with hexadecimal color #ae3407

This text has a font color of #ae3407.

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

#ae3407 background color

This paragraph has a background color of #ae3407.

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

#ae3407 border color

This element has a border color of #ae3407.

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

CSS codes

.text {color:#ae3407;}

.background {background-color:#ae3407;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#170701
```
#170701 rgb(23,7,1)
```
#2a0d02
```
#2a0d02 rgb(42,13,2)
```
#3d1202
```
#3d1202 rgb(61,18,2)
```
#501803
```
#501803 rgb(80,24,3)
```
#631d04
```
#631d04 rgb(99,29,4)
```
#752305
```
#752305 rgb(117,35,5)
```
#882905
```
#882905 rgb(136,41,5)
```
#9b2e06
```
#9b2e06 rgb(155,46,6)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#c13a08
```
#c13a08 rgb(193,58,8)
```
#d43f09
```
#d43f09 rgb(212,63,9)
```
#e74509
```
#e74509 rgb(231,69,9)
```

Shade Color Variation

#f54c0e
```
#f54c0e rgb(245,76,14)
```
#f65a21
```
#f65a21 rgb(246,90,33)
```
#f76834
```
#f76834 rgb(247,104,52)
```
#f87647
```
#f87647 rgb(248,118,71)
```
#f8845a
```
#f8845a rgb(248,132,90)
```
#f9926c
```
#f9926c rgb(249,146,108)
```
#faa07f
```
#faa07f rgb(250,160,127)
```
#fbae92
```
#fbae92 rgb(251,174,146)
```
#fbbca5
```
#fbbca5 rgb(251,188,165)
```
#fccab8
```
#fccab8 rgb(252,202,184)
```
#fdd8cb
```
#fdd8cb rgb(253,216,203)
```
#fee6de
```
#fee6de rgb(254,230,222)
```
#fef4f0
```
#fef4f0 rgb(254,244,240)
```

Tint Color Variation

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

#615754
```
#615754 rgb(97,87,84)
```
#68544d
```
#68544d rgb(104,84,77)
```
#6f5146
```
#6f5146 rgb(111,81,70)
```
#764e3f
```
#764e3f rgb(118,78,63)
```
#7d4a38
```
#7d4a38 rgb(125,74,56)
```
#844731
```
#844731 rgb(132,71,49)
```
#8b442a
```
#8b442a rgb(139,68,42)
```
#924123
```
#924123 rgb(146,65,35)
```
#993e1c
```
#993e1c rgb(153,62,28)
```
#a03a15
```
#a03a15 rgb(160,58,21)
```
#a7370e
```
#a7370e rgb(167,55,14)
```
#ae3407
```
#ae3407 rgb(174,52,7)
```
#b53100
```
#b53100 rgb(181,49,0)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73671d Protanopia 1% of men
#816200 Deuteranopia 1% of men
#b33a3d Tritanopia 0.001% of the population

Trichromacy

#885415 Protanomaly 1% of men, 0.01% of women
#915102 Deuteranomaly 6% of men, 0.4% of women
#b13829 Tritanomaly 0.01% of the population