#af6150 hex color

In a RGB color space, hex #af6150 is composed of 68.6% red, 38% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 54.3% yellow and 31.4% black. It has a hue angle of 10.7 degrees, a saturation of 37.3% and a lightness of 50%. #af6150 color hex could be obtained by blending #ffc2a0 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 38
- B 31
RGB color chart
- C 0
- M 45
- Y 54
- K 31
CMYK color chart

● #af6150 color description : Dark moderate red.

The hexadecimal color #af6150 has RGB values of R:175, G:97, B:80 and CMYK values of C:0, M:0.45, Y:0.54, K:0.31. Its decimal value is 11493712.

Hex triplet	af6150	`#af6150`
RGB Decimal	175, 97, 80	`rgb(175,97,80)`
RGB Percent	68.6, 38, 31.4	`rgb(68.6%,38%,31.4%)`
CMYK	0, 45, 54, 31
HSL	10.7°, 37.3, 50	`hsl(10.7,37.3%,50%)`
HSV (or HSB)	10.7°, 54.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	49.791, 29.802, 23.566
XYZ	23.402, 18.244, 9.878
xyY	0.454, 0.354, 18.244
CIE-LCH	49.791, 37.993, 38.335
CIE-LUV	49.791, 57.407, 22.176
Hunter-Lab	42.713, 23.05, 16.188
Binary	10101111, 01100001, 01010000

#af6150
```
#af6150 rgb(175,97,80)
```
#509eaf
```
#509eaf rgb(80,158,175)
```

Complementary Color

#af506f
```
#af506f rgb(175,80,111)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#af9150
```
#af9150 rgb(175,145,80)
```

Analogous Color

#506faf
```
#506faf rgb(80,111,175)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#50af91
```
#50af91 rgb(80,175,145)
```

Split Complementary Color

#6150af
```
#6150af rgb(97,80,175)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#50af61
```
#50af61 rgb(80,175,97)
```

Triadic Color

#af509e
```
#af509e rgb(175,80,158)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#50af61
```
#50af61 rgb(80,175,97)
```
#509eaf
```
#509eaf rgb(80,158,175)
```

Tetradic Color

#7b4438
```
#7b4438 rgb(123,68,56)
```
#8c4e40
```
#8c4e40 rgb(140,78,64)
```
#9e5748
```
#9e5748 rgb(158,87,72)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#b77162
```
#b77162 rgb(183,113,98)
```
#bf8173
```
#bf8173 rgb(191,129,115)
```
#c79085
```
#c79085 rgb(199,144,133)
```

Monochromatic Color

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

#af5057
```
#af5057 rgb(175,80,87)
```
#af5150
```
#af5150 rgb(175,81,80)
```
#af5950
```
#af5950 rgb(175,89,80)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#af6950
```
#af6950 rgb(175,105,80)
```
#af7150
```
#af7150 rgb(175,113,80)
```
#af7950
```
#af7950 rgb(175,121,80)
```

Similar Colors

Text with hexadecimal color #af6150

This text has a font color of #af6150.

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

#af6150 background color

This paragraph has a background color of #af6150.

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

#af6150 border color

This element has a border color of #af6150.

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

CSS codes

.text {color:#af6150;}

.background {background-color:#af6150;}

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

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

#0d0706
```
#0d0706 rgb(13,7,6)
```
#1b0f0c
```
#1b0f0c rgb(27,15,12)
```
#281612
```
#281612 rgb(40,22,18)
```
#361e19
```
#361e19 rgb(54,30,25)
```
#43251f
```
#43251f rgb(67,37,31)
```
#512d25
```
#512d25 rgb(81,45,37)
```
#5e342b
```
#5e342b rgb(94,52,43)
```
#6c3c31
```
#6c3c31 rgb(108,60,49)
```
#794337
```
#794337 rgb(121,67,55)
```
#874b3e
```
#874b3e rgb(135,75,62)
```
#945244
```
#945244 rgb(148,82,68)
```
#a25a4a
```
#a25a4a rgb(162,90,74)
```
#af6150
```
#af6150 rgb(175,97,80)
```

Shade Color Variation

#b56d5d
```
#b56d5d rgb(181,109,93)
```
#bb796b
```
#bb796b rgb(187,121,107)
```
#c18578
```
#c18578 rgb(193,133,120)
```
#c89286
```
#c89286 rgb(200,146,134)
```
#ce9e93
```
#ce9e93 rgb(206,158,147)
```
#d4aaa1
```
#d4aaa1 rgb(212,170,161)
```
#dab6ae
```
#dab6ae rgb(218,182,174)
```
#e0c2bc
```
#e0c2bc rgb(224,194,188)
```
#e6cec9
```
#e6cec9 rgb(230,206,201)
```
#eddbd7
```
#eddbd7 rgb(237,219,215)
```
#f3e7e4
```
#f3e7e4 rgb(243,231,228)
```
#f9f3f2
```
#f9f3f2 rgb(249,243,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#887a77
```
#887a77 rgb(136,122,119)
```
#92746d
```
#92746d rgb(146,116,109)
```
#9b6e64
```
#9b6e64 rgb(155,110,100)
```
#a5675a
```
#a5675a rgb(165,103,90)
```
#af6150
```
#af6150 rgb(175,97,80)
```
#b95b46
```
#b95b46 rgb(185,91,70)
```
#c3543c
```
#c3543c rgb(195,84,60)
```
#cc4e33
```
#cc4e33 rgb(204,78,51)
```
#d64829
```
#d64829 rgb(214,72,41)
```
#e0421f
```
#e0421f rgb(224,66,31)
```
#ea3b15
```
#ea3b15 rgb(234,59,21)
```
#f4350b
```
#f4350b rgb(244,53,11)
```
#fd2f02
```
#fd2f02 rgb(253,47,2)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#81726e Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d61 Protanopia 1% of men
#957855 Deuteranopia 1% of men
#b4666d Tritanopia 0.001% of the population

Trichromacy

#94735a Protanomaly 1% of men, 0.01% of women
#9e6f53 Deuteranomaly 6% of men, 0.4% of women
#b26462 Tritanomaly 0.01% of the population

#af6150 hex color

#af6150 Color Information

#af6150 Color Conversion

Color Schemes with #af6150

Alternatives to #af6150

#af6150 Preview

Shades and Tints of #af6150

Tones of #af6150

Color Blindness Simulator