#af400a hex color

In a RGB color space, hex #af400a is composed of 68.6% red, 25.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.4% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 19.6 degrees, a saturation of 89.2% and a lightness of 36.3%. #af400a color hex could be obtained by blending #ff8014 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 25
- B 4
RGB color chart
- C 0
- M 63
- Y 94
- K 31
CMYK color chart

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

The hexadecimal color #af400a has RGB values of R:175, G:64, B:10 and CMYK values of C:0, M:0.63, Y:0.94, K:0.31. Its decimal value is 11485194.

Hex triplet	af400a	`#af400a`
RGB Decimal	175, 64, 10	`rgb(175,64,10)`
RGB Percent	68.6, 25.1, 3.9	`rgb(68.6%,25.1%,3.9%)`
CMYK	0, 63, 94, 31
HSL	19.6°, 89.2, 36.3	`hsl(19.6,89.2%,36.3%)`
HSV (or HSB)	19.6°, 94.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.468, 43.224, 50.543
XYZ	19.568, 12.805, 1.728
xyY	0.574, 0.375, 12.805
CIE-LCH	42.468, 66.505, 49.463
CIE-LUV	42.468, 90.075, 34.873
Hunter-Lab	35.784, 34.99, 22.185
Binary	10101111, 01000000, 00001010

#af400a
```
#af400a rgb(175,64,10)
```
#0a79af
```
#0a79af rgb(10,121,175)
```

Complementary Color

#af0a27
```
#af0a27 rgb(175,10,39)
```
#af400a
```
#af400a rgb(175,64,10)
```
#af930a
```
#af930a rgb(175,147,10)
```

Analogous Color

#0a27af
```
#0a27af rgb(10,39,175)
```
#af400a
```
#af400a rgb(175,64,10)
```
#0aaf93
```
#0aaf93 rgb(10,175,147)
```

Split Complementary Color

#400aaf
```
#400aaf rgb(64,10,175)
```
#af400a
```
#af400a rgb(175,64,10)
```
#0aaf40
```
#0aaf40 rgb(10,175,64)
```

Triadic Color

#af0a79
```
#af0a79 rgb(175,10,121)
```
#af400a
```
#af400a rgb(175,64,10)
```
#0aaf40
```
#0aaf40 rgb(10,175,64)
```
#0a79af
```
#0a79af rgb(10,121,175)
```

Tetradic Color

#672606
```
#672606 rgb(103,38,6)
```
#7f2e07
```
#7f2e07 rgb(127,46,7)
```
#973709
```
#973709 rgb(151,55,9)
```
#af400a
```
#af400a rgb(175,64,10)
```
#c7490b
```
#c7490b rgb(199,73,11)
```
#df520d
```
#df520d rgb(223,82,13)
```
#f25c14
```
#f25c14 rgb(242,92,20)
```

Monochromatic Color

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

#af170a
```
#af170a rgb(175,23,10)
```
#af240a
```
#af240a rgb(175,36,10)
```
#af320a
```
#af320a rgb(175,50,10)
```
#af400a
```
#af400a rgb(175,64,10)
```
#af4e0a
```
#af4e0a rgb(175,78,10)
```
#af5b0a
```
#af5b0a rgb(175,91,10)
```
#af690a
```
#af690a rgb(175,105,10)
```

Similar Colors

Text with hexadecimal color #af400a

This text has a font color of #af400a.

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

#af400a background color

This paragraph has a background color of #af400a.

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

#af400a border color

This element has a border color of #af400a.

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

CSS codes

.text {color:#af400a;}

.background {background-color:#af400a;}

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

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

#080300
```
#080300 rgb(8,3,0)
```
#1b0a02
```
#1b0a02 rgb(27,10,2)
```
#2d1003
```
#2d1003 rgb(45,16,3)
```
#401704
```
#401704 rgb(64,23,4)
```
#521e05
```
#521e05 rgb(82,30,5)
```
#652506
```
#652506 rgb(101,37,6)
```
#772c07
```
#772c07 rgb(119,44,7)
```
#8a3208
```
#8a3208 rgb(138,50,8)
```
#9c3909
```
#9c3909 rgb(156,57,9)
```
#af400a
```
#af400a rgb(175,64,10)
```
#c2470b
```
#c2470b rgb(194,71,11)
```
#d44e0c
```
#d44e0c rgb(212,78,12)
```
#e7540d
```
#e7540d rgb(231,84,13)
```

Shade Color Variation

#f25e16
```
#f25e16 rgb(242,94,22)
```
#f36b28
```
#f36b28 rgb(243,107,40)
```
#f4773b
```
#f4773b rgb(244,119,59)
```
#f5844d
```
#f5844d rgb(245,132,77)
```
#f69160
```
#f69160 rgb(246,145,96)
```
#f79e73
```
#f79e73 rgb(247,158,115)
```
#f8ab85
```
#f8ab85 rgb(248,171,133)
```
#f9b898
```
#f9b898 rgb(249,184,152)
```
#fac4aa
```
#fac4aa rgb(250,196,170)
```
#fbd1bd
```
#fbd1bd rgb(251,209,189)
```
#fcdecf
```
#fcdecf rgb(252,222,207)
```
#fdebe2
```
#fdebe2 rgb(253,235,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#615b58
```
#615b58 rgb(97,91,88)
```
#685951
```
#685951 rgb(104,89,81)
```
#6f564a
```
#6f564a rgb(111,86,74)
```
#765443
```
#765443 rgb(118,84,67)
```
#7d513c
```
#7d513c rgb(125,81,60)
```
#844f35
```
#844f35 rgb(132,79,53)
```
#8b4c2e
```
#8b4c2e rgb(139,76,46)
```
#934a26
```
#934a26 rgb(147,74,38)
```
#9a471f
```
#9a471f rgb(154,71,31)
```
#a14518
```
#a14518 rgb(161,69,24)
```
#a84211
```
#a84211 rgb(168,66,17)
```
#af400a
```
#af400a rgb(175,64,10)
```
#b63e03
```
#b63e03 rgb(182,62,3)
```

Tone Color Variation

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

Dichromacy

#796c1f Protanopia 1% of men
#876700 Deuteranopia 1% of men
#b44549 Tritanopia 0.001% of the population

Trichromacy

#8c5c17 Protanomaly 1% of men, 0.01% of women
#955803 Deuteranomaly 6% of men, 0.4% of women
#b24332 Tritanomaly 0.01% of the population

#af400a hex color

#af400a Color Information

#af400a Color Conversion

Color Schemes with #af400a

Alternatives to #af400a

#af400a Preview

Shades and Tints of #af400a

Tones of #af400a

Color Blindness Simulator