#af770a hex color

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

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

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

The hexadecimal color #af770a has RGB values of R:175, G:119, B:10 and CMYK values of C:0, M:0.32, Y:0.94, K:0.31. Its decimal value is 11499274.

Hex triplet	af770a	`#af770a`
RGB Decimal	175, 119, 10	`rgb(175,119,10)`
RGB Percent	68.6, 46.7, 3.9	`rgb(68.6%,46.7%,3.9%)`
CMYK	0, 32, 94, 31
HSL	39.6°, 89.2, 36.3	`hsl(39.6,89.2%,36.3%)`
HSV (or HSB)	39.6°, 94.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	54.377, 14.13, 58.882
XYZ	24.331, 22.331, 3.316
xyY	0.487, 0.447, 22.331
CIE-LCH	54.377, 60.553, 76.506
CIE-LUV	54.377, 46.471, 53.697
Hunter-Lab	47.256, 9.21, 28.919
Binary	10101111, 01110111, 00001010

#af770a
```
#af770a rgb(175,119,10)
```
#0a42af
```
#0a42af rgb(10,66,175)
```

Complementary Color

#af250a
```
#af250a rgb(175,37,10)
```
#af770a
```
#af770a rgb(175,119,10)
```
#95af0a
```
#95af0a rgb(149,175,10)
```

Analogous Color

#240aaf
```
#240aaf rgb(36,10,175)
```
#af770a
```
#af770a rgb(175,119,10)
```
#0a95af
```
#0a95af rgb(10,149,175)
```

Split Complementary Color

#770aaf
```
#770aaf rgb(119,10,175)
```
#af770a
```
#af770a rgb(175,119,10)
```
#0aaf77
```
#0aaf77 rgb(10,175,119)
```

Triadic Color

#af0a42
```
#af0a42 rgb(175,10,66)
```
#af770a
```
#af770a rgb(175,119,10)
```
#0aaf77
```
#0aaf77 rgb(10,175,119)
```
#0a42af
```
#0a42af rgb(10,66,175)
```

Tetradic Color

#674606
```
#674606 rgb(103,70,6)
```
#7f5607
```
#7f5607 rgb(127,86,7)
```
#976709
```
#976709 rgb(151,103,9)
```
#af770a
```
#af770a rgb(175,119,10)
```
#c7870b
```
#c7870b rgb(199,135,11)
```
#df980d
```
#df980d rgb(223,152,13)
```
#f2a614
```
#f2a614 rgb(242,166,20)
```

Monochromatic Color

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

#af4e0a
```
#af4e0a rgb(175,78,10)
```
#af5c0a
```
#af5c0a rgb(175,92,10)
```
#af690a
```
#af690a rgb(175,105,10)
```
#af770a
```
#af770a rgb(175,119,10)
```
#af850a
```
#af850a rgb(175,133,10)
```
#af930a
```
#af930a rgb(175,147,10)
```
#afa00a
```
#afa00a rgb(175,160,10)
```

Similar Colors

Text with hexadecimal color #af770a

This text has a font color of #af770a.

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

#af770a background color

This paragraph has a background color of #af770a.

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

#af770a border color

This element has a border color of #af770a.

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

CSS codes

.text {color:#af770a;}

.background {background-color:#af770a;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1202
```
#1b1202 rgb(27,18,2)
```
#2d1f03
```
#2d1f03 rgb(45,31,3)
```
#402b04
```
#402b04 rgb(64,43,4)
```
#523805
```
#523805 rgb(82,56,5)
```
#654506
```
#654506 rgb(101,69,6)
```
#775107
```
#775107 rgb(119,81,7)
```
#8a5e08
```
#8a5e08 rgb(138,94,8)
```
#9c6a09
```
#9c6a09 rgb(156,106,9)
```
#af770a
```
#af770a rgb(175,119,10)
```
#c2840b
```
#c2840b rgb(194,132,11)
```
#d4900c
```
#d4900c rgb(212,144,12)
```
#e79d0d
```
#e79d0d rgb(231,157,13)
```

Shade Color Variation

#f2a716
```
#f2a716 rgb(242,167,22)
```
#f3ae28
```
#f3ae28 rgb(243,174,40)
```
#f4b53b
```
#f4b53b rgb(244,181,59)
```
#f5bc4d
```
#f5bc4d rgb(245,188,77)
```
#f6c360
```
#f6c360 rgb(246,195,96)
```
#f7ca73
```
#f7ca73 rgb(247,202,115)
```
#f8d185
```
#f8d185 rgb(248,209,133)
```
#f9d898
```
#f9d898 rgb(249,216,152)
```
#fadfaa
```
#fadfaa rgb(250,223,170)
```
#fbe6bd
```
#fbe6bd rgb(251,230,189)
```
#fcedcf
```
#fcedcf rgb(252,237,207)
```
#fdf4e2
```
#fdf4e2 rgb(253,244,226)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#615e58
```
#615e58 rgb(97,94,88)
```
#686051
```
#686051 rgb(104,96,81)
```
#6f624a
```
#6f624a rgb(111,98,74)
```
#766543
```
#766543 rgb(118,101,67)
```
#7d673c
```
#7d673c rgb(125,103,60)
```
#846935
```
#846935 rgb(132,105,53)
```
#8b6c2e
```
#8b6c2e rgb(139,108,46)
```
#936e26
```
#936e26 rgb(147,110,38)
```
#9a701f
```
#9a701f rgb(154,112,31)
```
#a17218
```
#a17218 rgb(161,114,24)
```
#a87511
```
#a87511 rgb(168,117,17)
```
#af770a
```
#af770a rgb(175,119,10)
```
#b67903
```
#b67903 rgb(182,121,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99881a Protanopia 1% of men
#aa8112 Deuteranopia 1% of men
#b8757d Tritanopia 0.001% of the population

Trichromacy

#a18214 Protanomaly 1% of men, 0.01% of women
#ac7d0f Deuteranomaly 6% of men, 0.4% of women
#b57653 Tritanomaly 0.01% of the population

#af770a hex color

#af770a Color Information

#af770a Color Conversion

Color Schemes with #af770a

Alternatives to #af770a

#af770a Preview

Shades and Tints of #af770a

Tones of #af770a

Color Blindness Simulator