#ae670e hex color

In a RGB color space, hex #ae670e is composed of 68.2% red, 40.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.8% magenta, 92% yellow and 31.8% black. It has a hue angle of 33.4 degrees, a saturation of 85.1% and a lightness of 36.9%. #ae670e color hex could be obtained by blending #ffce1c with #5d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 40
- B 5
RGB color chart
- C 0
- M 41
- Y 92
- K 32
CMYK color chart

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

The hexadecimal color #ae670e has RGB values of R:174, G:103, B:14 and CMYK values of C:0, M:0.41, Y:0.92, K:0.32. Its decimal value is 11429646.

Hex triplet	ae670e	`#ae670e`
RGB Decimal	174, 103, 14	`rgb(174,103,14)`
RGB Percent	68.2, 40.4, 5.5	`rgb(68.2%,40.4%,5.5%)`
CMYK	0, 41, 92, 32
HSL	33.4°, 85.1, 36.9	`hsl(33.4,85.1%,36.9%)`
HSV (or HSB)	33.4°, 92, 68.2
Web Safe	996600	`#996600`

CIE-LAB	50.373, 22.689, 55.038
XYZ	22.386, 18.733, 2.852
xyY	0.509, 0.426, 18.733
CIE-LCH	50.373, 59.531, 67.596
CIE-LUV	50.373, 58.425, 47.244
Hunter-Lab	43.281, 16.581, 26.39
Binary	10101110, 01100111, 00001110

#ae670e
```
#ae670e rgb(174,103,14)
```
#0e55ae
```
#0e55ae rgb(14,85,174)
```

Complementary Color

#ae170e
```
#ae170e rgb(174,23,14)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#a5ae0e
```
#a5ae0e rgb(165,174,14)
```

Analogous Color

#170eae
```
#170eae rgb(23,14,174)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#0ea5ae
```
#0ea5ae rgb(14,165,174)
```

Split Complementary Color

#670eae
```
#670eae rgb(103,14,174)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#0eae67
```
#0eae67 rgb(14,174,103)
```

Triadic Color

#ae0e55
```
#ae0e55 rgb(174,14,85)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#0eae67
```
#0eae67 rgb(14,174,103)
```
#0e55ae
```
#0e55ae rgb(14,85,174)
```

Tetradic Color

#673d08
```
#673d08 rgb(103,61,8)
```
#7f4b0a
```
#7f4b0a rgb(127,75,10)
```
#96590c
```
#96590c rgb(150,89,12)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#c67510
```
#c67510 rgb(198,117,16)
```
#dd8312
```
#dd8312 rgb(221,131,18)
```
#ed901c
```
#ed901c rgb(237,144,28)
```

Monochromatic Color

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

#ae3f0e
```
#ae3f0e rgb(174,63,14)
```
#ae4c0e
```
#ae4c0e rgb(174,76,14)
```
#ae5a0e
```
#ae5a0e rgb(174,90,14)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#ae740e
```
#ae740e rgb(174,116,14)
```
#ae820e
```
#ae820e rgb(174,130,14)
```
#ae8f0e
```
#ae8f0e rgb(174,143,14)
```

Similar Colors

Text with hexadecimal color #ae670e

This text has a font color of #ae670e.

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

#ae670e background color

This paragraph has a background color of #ae670e.

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

#ae670e border color

This element has a border color of #ae670e.

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

CSS codes

.text {color:#ae670e;}

.background {background-color:#ae670e;}

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

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

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d1102
```
#1d1102 rgb(29,17,2)
```
#2f1c04
```
#2f1c04 rgb(47,28,4)
```
#412705
```
#412705 rgb(65,39,5)
```
#533107
```
#533107 rgb(83,49,7)
```
#653c08
```
#653c08 rgb(101,60,8)
```
#78470a
```
#78470a rgb(120,71,10)
```
#8a520b
```
#8a520b rgb(138,82,11)
```
#9c5c0d
```
#9c5c0d rgb(156,92,13)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#c0720f
```
#c0720f rgb(192,114,15)
```
#d27c11
```
#d27c11 rgb(210,124,17)
```
#e48712
```
#e48712 rgb(228,135,18)
```

Shade Color Variation

#ed911e
```
#ed911e rgb(237,145,30)
```
#ee9a30
```
#ee9a30 rgb(238,154,48)
```
#f0a342
```
#f0a342 rgb(240,163,66)
```
#f1ab54
```
#f1ab54 rgb(241,171,84)
```
#f3b466
```
#f3b466 rgb(243,180,102)
```
#f4bd78
```
#f4bd78 rgb(244,189,120)
```
#f6c68b
```
#f6c68b rgb(246,198,139)
```
#f7cf9d
```
#f7cf9d rgb(247,207,157)
```
#f9d8af
```
#f9d8af rgb(249,216,175)
```
#fae1c1
```
#fae1c1 rgb(250,225,193)
```
#fbead3
```
#fbead3 rgb(251,234,211)
```
#fdf2e5
```
#fdf2e5 rgb(253,242,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#5e5e5e
```
#5e5e5e rgb(94,94,94)
```
#665f56
```
#665f56 rgb(102,95,86)
```
#6d604f
```
#6d604f rgb(109,96,79)
```
#746048
```
#746048 rgb(116,96,72)
```
#7b6141
```
#7b6141 rgb(123,97,65)
```
#836239
```
#836239 rgb(131,98,57)
```
#8a6332
```
#8a6332 rgb(138,99,50)
```
#91642b
```
#91642b rgb(145,100,43)
```
#986524
```
#986524 rgb(152,101,36)
```
#a0651c
```
#a0651c rgb(160,101,28)
```
#a76615
```
#a76615 rgb(167,102,21)
```
#ae670e
```
#ae670e rgb(174,103,14)
```
#b56807
```
#b56807 rgb(181,104,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e705e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e7f1e Protanopia 1% of men
#9e7811 Deuteranopia 1% of men
#b6676e Tritanopia 0.001% of the population

Trichromacy

#997618 Protanomaly 1% of men, 0.01% of women
#a4720f Deuteranomaly 6% of men, 0.4% of women
#b3674b Tritanomaly 0.01% of the population

#ae670e hex color

#ae670e Color Information

#ae670e Color Conversion

Color Schemes with #ae670e

Alternatives to #ae670e

#ae670e Preview

Shades and Tints of #ae670e

Tones of #ae670e

Color Blindness Simulator