#af530e hex color

In a RGB color space, hex #af530e is composed of 68.6% red, 32.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 92% yellow and 31.4% black. It has a hue angle of 25.7 degrees, a saturation of 85.2% and a lightness of 37.1%. #af530e color hex could be obtained by blending #ffa61c with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 33
- B 5
RGB color chart
- C 0
- M 53
- Y 92
- K 31
CMYK color chart

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

The hexadecimal color #af530e has RGB values of R:175, G:83, B:14 and CMYK values of C:0, M:0.53, Y:0.92, K:0.31. Its decimal value is 11490062.

Hex triplet	af530e	`#af530e`
RGB Decimal	175, 83, 14	`rgb(175,83,14)`
RGB Percent	68.6, 32.5, 5.5	`rgb(68.6%,32.5%,5.5%)`
CMYK	0, 53, 92, 31
HSL	25.7°, 85.2, 37.1	`hsl(25.7,85.2%,37.1%)`
HSV (or HSB)	25.7°, 92, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.089, 33.939, 51.946
XYZ	20.853, 15.334, 2.277
xyY	0.542, 0.399, 15.334
CIE-LCH	46.089, 62.051, 56.842
CIE-LUV	46.089, 75.394, 40.267
Hunter-Lab	39.159, 26.525, 23.963
Binary	10101111, 01010011, 00001110

#af530e
```
#af530e rgb(175,83,14)
```
#0e6aaf
```
#0e6aaf rgb(14,106,175)
```

Complementary Color

#af0e1a
```
#af0e1a rgb(175,14,26)
```
#af530e
```
#af530e rgb(175,83,14)
```
#afa40e
```
#afa40e rgb(175,164,14)
```

Analogous Color

#0e1aaf
```
#0e1aaf rgb(14,26,175)
```
#af530e
```
#af530e rgb(175,83,14)
```
#0eafa4
```
#0eafa4 rgb(14,175,164)
```

Split Complementary Color

#530eaf
```
#530eaf rgb(83,14,175)
```
#af530e
```
#af530e rgb(175,83,14)
```
#0eaf53
```
#0eaf53 rgb(14,175,83)
```

Triadic Color

#af0e6a
```
#af0e6a rgb(175,14,106)
```
#af530e
```
#af530e rgb(175,83,14)
```
#0eaf53
```
#0eaf53 rgb(14,175,83)
```
#0e6aaf
```
#0e6aaf rgb(14,106,175)
```

Tetradic Color

#683108
```
#683108 rgb(104,49,8)
```
#803d0a
```
#803d0a rgb(128,61,10)
```
#97480c
```
#97480c rgb(151,72,12)
```
#af530e
```
#af530e rgb(175,83,14)
```
#c75e10
```
#c75e10 rgb(199,94,16)
```
#de6912
```
#de6912 rgb(222,105,18)
```
#ed761d
```
#ed761d rgb(237,118,29)
```

Monochromatic Color

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

#af2b0e
```
#af2b0e rgb(175,43,14)
```
#af380e
```
#af380e rgb(175,56,14)
```
#af460e
```
#af460e rgb(175,70,14)
```
#af530e
```
#af530e rgb(175,83,14)
```
#af600e
```
#af600e rgb(175,96,14)
```
#af6e0e
```
#af6e0e rgb(175,110,14)
```
#af7b0e
```
#af7b0e rgb(175,123,14)
```

Similar Colors

Text with hexadecimal color #af530e

This text has a font color of #af530e.

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

#af530e background color

This paragraph has a background color of #af530e.

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

#af530e border color

This element has a border color of #af530e.

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

CSS codes

.text {color:#af530e;}

.background {background-color:#af530e;}

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

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

#0c0501
```
#0c0501 rgb(12,5,1)
```
#1e0e02
```
#1e0e02 rgb(30,14,2)
```
#301704
```
#301704 rgb(48,23,4)
```
#421f05
```
#421f05 rgb(66,31,5)
```
#542807
```
#542807 rgb(84,40,7)
```
#663108
```
#663108 rgb(102,49,8)
```
#79390a
```
#79390a rgb(121,57,10)
```
#8b420b
```
#8b420b rgb(139,66,11)
```
#9d4a0d
```
#9d4a0d rgb(157,74,13)
```
#af530e
```
#af530e rgb(175,83,14)
```
#c15c0f
```
#c15c0f rgb(193,92,15)
```
#d36411
```
#d36411 rgb(211,100,17)
```
#e56d12
```
#e56d12 rgb(229,109,18)
```

Shade Color Variation

#ed771e
```
#ed771e rgb(237,119,30)
```
#ee8231
```
#ee8231 rgb(238,130,49)
```
#f08d43
```
#f08d43 rgb(240,141,67)
```
#f19855
```
#f19855 rgb(241,152,85)
```
#f3a367
```
#f3a367 rgb(243,163,103)
```
#f4ae79
```
#f4ae79 rgb(244,174,121)
```
#f6b98b
```
#f6b98b rgb(246,185,139)
```
#f7c49e
```
#f7c49e rgb(247,196,158)
```
#f9cfb0
```
#f9cfb0 rgb(249,207,176)
```
#fadac2
```
#fadac2 rgb(250,218,194)
```
#fce5d4
```
#fce5d4 rgb(252,229,212)
```
#fdf0e6
```
#fdf0e6 rgb(253,240,230)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#5f5e5e
```
#5f5e5e rgb(95,94,94)
```
#665d57
```
#665d57 rgb(102,93,87)
```
#6e5c4f
```
#6e5c4f rgb(110,92,79)
```
#755b48
```
#755b48 rgb(117,91,72)
```
#7c5a41
```
#7c5a41 rgb(124,90,65)
```
#83593a
```
#83593a rgb(131,89,58)
```
#8b5832
```
#8b5832 rgb(139,88,50)
```
#92572b
```
#92572b rgb(146,87,43)
```
#995624
```
#995624 rgb(153,86,36)
```
#a0551d
```
#a0551d rgb(160,85,29)
```
#a85415
```
#a85415 rgb(168,84,21)
```
#af530e
```
#af530e rgb(175,83,14)
```
#b65207
```
#b65207 rgb(182,82,7)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827421 Protanopia 1% of men
#926f00 Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#92681a Protanomaly 1% of men, 0.01% of women
#9c6405 Deuteranomaly 6% of men, 0.4% of women
#b3553f Tritanomaly 0.01% of the population

#af530e hex color

#af530e Color Information

#af530e Color Conversion

Color Schemes with #af530e

Alternatives to #af530e

#af530e Preview

Shades and Tints of #af530e

Tones of #af530e

Color Blindness Simulator