#ae421a hex color

In a RGB color space, hex #ae421a is composed of 68.2% red, 25.9% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.1% magenta, 85.1% yellow and 31.8% black. It has a hue angle of 16.2 degrees, a saturation of 74% and a lightness of 39.2%. #ae421a color hex could be obtained by blending #ff8434 with #5d0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 26
- B 10
RGB color chart
- C 0
- M 62
- Y 85
- K 32
CMYK color chart

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

The hexadecimal color #ae421a has RGB values of R:174, G:66, B:26 and CMYK values of C:0, M:0.62, Y:0.85, K:0.32. Its decimal value is 11420186.

Hex triplet	ae421a	`#ae421a`
RGB Decimal	174, 66, 26	`rgb(174,66,26)`
RGB Percent	68.2, 25.9, 10.2	`rgb(68.2%,25.9%,10.2%)`
CMYK	0, 62, 85, 32
HSL	16.2°, 74, 39.2	`hsl(16.2,74%,39.2%)`
HSV (or HSB)	16.2°, 85.1, 68.2
Web Safe	993333	`#993333`

CIE-LAB	42.721, 42.248, 44.784
XYZ	19.591, 12.972, 2.449
xyY	0.56, 0.37, 12.972
CIE-LCH	42.721, 61.567, 46.669
CIE-LUV	42.721, 86.595, 32.598
Hunter-Lab	36.016, 34.066, 21.179
Binary	10101110, 01000010, 00011010

#ae421a
```
#ae421a rgb(174,66,26)
```
#1a86ae
```
#1a86ae rgb(26,134,174)
```

Complementary Color

#ae1a3c
```
#ae1a3c rgb(174,26,60)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#ae8c1a
```
#ae8c1a rgb(174,140,26)
```

Analogous Color

#1a3cae
```
#1a3cae rgb(26,60,174)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#1aae8c
```
#1aae8c rgb(26,174,140)
```

Split Complementary Color

#421aae
```
#421aae rgb(66,26,174)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#1aae42
```
#1aae42 rgb(26,174,66)
```

Triadic Color

#ae1a86
```
#ae1a86 rgb(174,26,134)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#1aae42
```
#1aae42 rgb(26,174,66)
```
#1a86ae
```
#1a86ae rgb(26,134,174)
```

Tetradic Color

#6b2910
```
#6b2910 rgb(107,41,16)
```
#823113
```
#823113 rgb(130,49,19)
```
#983a17
```
#983a17 rgb(152,58,23)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#c44a1d
```
#c44a1d rgb(196,74,29)
```
#da5321
```
#da5321 rgb(218,83,33)
```
#e16334
```
#e16334 rgb(225,99,52)
```

Monochromatic Color

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

#ae1d1a
```
#ae1d1a rgb(174,29,26)
```
#ae291a
```
#ae291a rgb(174,41,26)
```
#ae361a
```
#ae361a rgb(174,54,26)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#ae4e1a
```
#ae4e1a rgb(174,78,26)
```
#ae5b1a
```
#ae5b1a rgb(174,91,26)
```
#ae671a
```
#ae671a rgb(174,103,26)
```

Similar Colors

Text with hexadecimal color #ae421a

This text has a font color of #ae421a.

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

#ae421a background color

This paragraph has a background color of #ae421a.

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

#ae421a border color

This element has a border color of #ae421a.

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

CSS codes

.text {color:#ae421a;}

.background {background-color:#ae421a;}

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

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 #fdf4f1 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#140803
```
#140803 rgb(20,8,3)
```
#250e06
```
#250e06 rgb(37,14,6)
```
#371508
```
#371508 rgb(55,21,8)
```
#481b0b
```
#481b0b rgb(72,27,11)
```
#59220d
```
#59220d rgb(89,34,13)
```
#6a2810
```
#6a2810 rgb(106,40,16)
```
#7b2f12
```
#7b2f12 rgb(123,47,18)
```
#8c3515
```
#8c3515 rgb(140,53,21)
```
#9d3c17
```
#9d3c17 rgb(157,60,23)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#bf481d
```
#bf481d rgb(191,72,29)
```
#d04f1f
```
#d04f1f rgb(208,79,31)
```

Shade Color Variation

#de5724
```
#de5724 rgb(222,87,36)
```
#e16436
```
#e16436 rgb(225,100,54)
```
#e37147
```
#e37147 rgb(227,113,71)
```
#e67e58
```
#e67e58 rgb(230,126,88)
```
#e98b69
```
#e98b69 rgb(233,139,105)
```
#eb987a
```
#eb987a rgb(235,152,122)
```
#eea68b
```
#eea68b rgb(238,166,139)
```
#f0b39c
```
#f0b39c rgb(240,179,156)
```
#f3c0ad
```
#f3c0ad rgb(243,192,173)
```
#f5cdbe
```
#f5cdbe rgb(245,205,190)
```
#f8dacf
```
#f8dacf rgb(248,218,207)
```
#fae7e0
```
#fae7e0 rgb(250,231,224)
```
#fdf4f1
```
#fdf4f1 rgb(253,244,241)
```

Tint Color Variation

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

#69625f
```
#69625f rgb(105,98,95)
```
#705e58
```
#705e58 rgb(112,94,88)
```
#785b50
```
#785b50 rgb(120,91,80)
```
#805748
```
#805748 rgb(128,87,72)
```
#885440
```
#885440 rgb(136,84,64)
```
#8f5039
```
#8f5039 rgb(143,80,57)
```
#974d31
```
#974d31 rgb(151,77,49)
```
#9f4929
```
#9f4929 rgb(159,73,41)
```
#a64622
```
#a64622 rgb(166,70,34)
```
#ae421a
```
#ae421a rgb(174,66,26)
```
#b63e12
```
#b63e12 rgb(182,62,18)
```
#bd3b0b
```
#bd3b0b rgb(189,59,11)
```
#c53703
```
#c53703 rgb(197,55,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e5850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d2e Protanopia 1% of men
#87671a Deuteranopia 1% of men
#b3474b Tritanopia 0.001% of the population

Trichromacy

#8c5d27 Protanomaly 1% of men, 0.01% of women
#95591a Deuteranomaly 6% of men, 0.4% of women
#b14539 Tritanomaly 0.01% of the population

#ae421a hex color

#ae421a Color Information

#ae421a Color Conversion

Color Schemes with #ae421a

Alternatives to #ae421a

#ae421a Preview

Shades and Tints of #ae421a

Tones of #ae421a

Color Blindness Simulator