#af3b0f hex color

In a RGB color space, hex #af3b0f is composed of 68.6% red, 23.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 16.5 degrees, a saturation of 84.2% and a lightness of 37.3%. #af3b0f color hex could be obtained by blending #ff761e with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 23
- B 6
RGB color chart
- C 0
- M 66
- Y 91
- K 31
CMYK color chart

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

The hexadecimal color #af3b0f has RGB values of R:175, G:59, B:15 and CMYK values of C:0, M:0.66, Y:0.91, K:0.31. Its decimal value is 11483919.

Hex triplet	af3b0f	`#af3b0f`
RGB Decimal	175, 59, 15	`rgb(175,59,15)`
RGB Percent	68.6, 23.1, 5.9	`rgb(68.6%,23.1%,5.9%)`
CMYK	0, 66, 91, 31
HSL	16.5°, 84.2, 37.3	`hsl(16.5,84.2%,37.3%)`
HSV (or HSB)	16.5°, 91.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	41.656, 45.523, 48.419
XYZ	19.33, 12.279, 1.804
xyY	0.579, 0.367, 12.279
CIE-LCH	41.656, 66.458, 46.766
CIE-LUV	41.656, 93.281, 32.819
Hunter-Lab	35.041, 37.148, 21.476
Binary	10101111, 00111011, 00001111

#af3b0f
```
#af3b0f rgb(175,59,15)
```
#0f83af
```
#0f83af rgb(15,131,175)
```

Complementary Color

#af0f33
```
#af0f33 rgb(175,15,51)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#af8b0f
```
#af8b0f rgb(175,139,15)
```

Analogous Color

#0f33af
```
#0f33af rgb(15,51,175)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#0faf8b
```
#0faf8b rgb(15,175,139)
```

Split Complementary Color

#3b0faf
```
#3b0faf rgb(59,15,175)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#0faf3b
```
#0faf3b rgb(15,175,59)
```

Triadic Color

#af0f83
```
#af0f83 rgb(175,15,131)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#0faf3b
```
#0faf3b rgb(15,175,59)
```
#0f83af
```
#0f83af rgb(15,131,175)
```

Tetradic Color

#692309
```
#692309 rgb(105,35,9)
```
#802b0b
```
#802b0b rgb(128,43,11)
```
#98330d
```
#98330d rgb(152,51,13)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#c64311
```
#c64311 rgb(198,67,17)
```
#de4b13
```
#de4b13 rgb(222,75,19)
```
#ec571f
```
#ec571f rgb(236,87,31)
```

Monochromatic Color

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

#af130f
```
#af130f rgb(175,19,15)
```
#af200f
```
#af200f rgb(175,32,15)
```
#af2e0f
```
#af2e0f rgb(175,46,15)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#af480f
```
#af480f rgb(175,72,15)
```
#af560f
```
#af560f rgb(175,86,15)
```
#af630f
```
#af630f rgb(175,99,15)
```

Similar Colors

Text with hexadecimal color #af3b0f

This text has a font color of #af3b0f.

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

#af3b0f background color

This paragraph has a background color of #af3b0f.

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

#af3b0f border color

This element has a border color of #af3b0f.

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

CSS codes

.text {color:#af3b0f;}

.background {background-color:#af3b0f;}

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

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

#0c0401
```
#0c0401 rgb(12,4,1)
```
#1e0a03
```
#1e0a03 rgb(30,10,3)
```
#311004
```
#311004 rgb(49,16,4)
```
#431606
```
#431606 rgb(67,22,6)
```
#551d07
```
#551d07 rgb(85,29,7)
```
#672309
```
#672309 rgb(103,35,9)
```
#79290a
```
#79290a rgb(121,41,10)
```
#8b2f0c
```
#8b2f0c rgb(139,47,12)
```
#9d350d
```
#9d350d rgb(157,53,13)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#c14111
```
#c14111 rgb(193,65,17)
```
#d34712
```
#d34712 rgb(211,71,18)
```
#e54d14
```
#e54d14 rgb(229,77,20)
```

Shade Color Variation

#ec5821
```
#ec5821 rgb(236,88,33)
```
#ed6633
```
#ed6633 rgb(237,102,51)
```
#ef7445
```
#ef7445 rgb(239,116,69)
```
#f18157
```
#f18157 rgb(241,129,87)
```
#f28f69
```
#f28f69 rgb(242,143,105)
```
#f49c7b
```
#f49c7b rgb(244,156,123)
```
#f5aa8d
```
#f5aa8d rgb(245,170,141)
```
#f7b79f
```
#f7b79f rgb(247,183,159)
```
#f8c5b1
```
#f8c5b1 rgb(248,197,177)
```
#fad2c3
```
#fad2c3 rgb(250,210,195)
```
#fbe0d5
```
#fbe0d5 rgb(251,224,213)
```
#fdede7
```
#fdede7 rgb(253,237,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#665c58
```
#665c58 rgb(102,92,88)
```
#6d5951
```
#6d5951 rgb(109,89,81)
```
#755549
```
#755549 rgb(117,85,73)
```
#7c5242
```
#7c5242 rgb(124,82,66)
```
#834f3b
```
#834f3b rgb(131,79,59)
```
#8a4b34
```
#8a4b34 rgb(138,75,52)
```
#92482c
```
#92482c rgb(146,72,44)
```
#994525
```
#994525 rgb(153,69,37)
```
#a0421e
```
#a0421e rgb(160,66,30)
```
#a83e16
```
#a83e16 rgb(168,62,22)
```
#af3b0f
```
#af3b0f rgb(175,59,15)
```
#b63808
```
#b63808 rgb(182,56,8)
```
#be3400
```
#be3400 rgb(190,52,0)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a534a Atypical Achromatopsia 0.001% of the population

Dichromacy

#766a24 Protanopia 1% of men
#856500 Deuteranopia 1% of men
#b44144 Tritanopia 0.001% of the population

Trichromacy

#8b591c Protanomaly 1% of men, 0.01% of women
#945505 Deuteranomaly 6% of men, 0.4% of women
#b23e31 Tritanomaly 0.01% of the population

#af3b0f hex color

#af3b0f Color Information

#af3b0f Color Conversion

Color Schemes with #af3b0f

Alternatives to #af3b0f

#af3b0f Preview

Shades and Tints of #af3b0f

Tones of #af3b0f

Color Blindness Simulator