#afb372 hex color

In a RGB color space, hex #afb372 is composed of 68.6% red, 70.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 36.3% yellow and 29.8% black. It has a hue angle of 63.7 degrees, a saturation of 30% and a lightness of 57.5%. #afb372 color hex could be obtained by blending #ffffe4 with #5f6700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 70
- B 45
RGB color chart
- C 2
- M 0
- Y 36
- K 30
CMYK color chart

● #afb372 color description : Slightly desaturated yellow.

The hexadecimal color #afb372 has RGB values of R:175, G:179, B:114 and CMYK values of C:0.02, M:0, Y:0.36, K:0.3. Its decimal value is 11514738.

Hex triplet	afb372	`#afb372`
RGB Decimal	175, 179, 114	`rgb(175,179,114)`
RGB Percent	68.6, 70.2, 44.7	`rgb(68.6%,70.2%,44.7%)`
CMYK	2, 0, 36, 30
HSL	63.7°, 30, 57.5	`hsl(63.7,30%,57.5%)`
HSV (or HSB)	63.7°, 36.3, 70.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.262, -11.585, 32.746
XYZ	36.836, 42.569, 22.195
xyY	0.363, 0.419, 42.569
CIE-LCH	71.262, 34.735, 109.483
CIE-LUV	71.262, 0.693, 44.496
Hunter-Lab	65.245, -13.402, 25.503
Binary	10101111, 10110011, 01110010

#afb372
```
#afb372 rgb(175,179,114)
```
#7672b3
```
#7672b3 rgb(118,114,179)
```

Complementary Color

#b39772
```
#b39772 rgb(179,151,114)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#8fb372
```
#8fb372 rgb(143,179,114)
```

Analogous Color

#9772b3
```
#9772b3 rgb(151,114,179)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#728fb3
```
#728fb3 rgb(114,143,179)
```

Split Complementary Color

#b372af
```
#b372af rgb(179,114,175)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#72afb3
```
#72afb3 rgb(114,175,179)
```

Triadic Color

#b37672
```
#b37672 rgb(179,118,114)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#72afb3
```
#72afb3 rgb(114,175,179)
```
#7672b3
```
#7672b3 rgb(118,114,179)
```

Tetradic Color

#898d4c
```
#898d4c rgb(137,141,76)
```
#999d55
```
#999d55 rgb(153,157,85)
```
#a6aa61
```
#a6aa61 rgb(166,170,97)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#b8bc83
```
#b8bc83 rgb(184,188,131)
```
#c2c593
```
#c2c593 rgb(194,197,147)
```
#cbcea4
```
#cbcea4 rgb(203,206,164)
```

Monochromatic Color

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

#b3a772
```
#b3a772 rgb(179,167,114)
```
#b3ac72
```
#b3ac72 rgb(179,172,114)
```
#b3b272
```
#b3b272 rgb(179,178,114)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#aab372
```
#aab372 rgb(170,179,114)
```
#a4b372
```
#a4b372 rgb(164,179,114)
```
#9fb372
```
#9fb372 rgb(159,179,114)
```

Similar Colors

Text with hexadecimal color #afb372

This text has a font color of #afb372.

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

#afb372 background color

This paragraph has a background color of #afb372.

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

#afb372 border color

This element has a border color of #afb372.

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

CSS codes

.text {color:#afb372;}

.background {background-color:#afb372;}

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

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

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#18190d
```
#18190d rgb(24,25,13)
```
#242514
```
#242514 rgb(36,37,20)
```
#31321b
```
#31321b rgb(49,50,27)
```
#3d3f22
```
#3d3f22 rgb(61,63,34)
```
#4a4c29
```
#4a4c29 rgb(74,76,41)
```
#565830
```
#565830 rgb(86,88,48)
```
#626537
```
#626537 rgb(98,101,55)
```
#6f723d
```
#6f723d rgb(111,114,61)
```
#7b7f44
```
#7b7f44 rgb(123,127,68)
```
#878b4b
```
#878b4b rgb(135,139,75)
```
#949852
```
#949852 rgb(148,152,82)
```
#a0a559
```
#a0a559 rgb(160,165,89)
```

Shade Color Variation

#a8ac65
```
#a8ac65 rgb(168,172,101)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#b6ba7f
```
#b6ba7f rgb(182,186,127)
```
#bdc18b
```
#bdc18b rgb(189,193,139)
```
#c5c898
```
#c5c898 rgb(197,200,152)
```
#cccea5
```
#cccea5 rgb(204,206,165)
```
#d3d5b2
```
#d3d5b2 rgb(211,213,178)
```
#dadcbe
```
#dadcbe rgb(218,220,190)
```
#e2e3cb
```
#e2e3cb rgb(226,227,203)
```
#e9ead8
```
#e9ead8 rgb(233,234,216)
```
#f0f1e5
```
#f0f1e5 rgb(240,241,229)
```
#f7f8f1
```
#f7f8f1 rgb(247,248,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#999a8b
```
#999a8b rgb(153,154,139)
```
#a0a283
```
#a0a283 rgb(160,162,131)
```
#a8ab7a
```
#a8ab7a rgb(168,171,122)
```
#afb372
```
#afb372 rgb(175,179,114)
```
#b6bb6a
```
#b6bb6a rgb(182,187,106)
```
#bec461
```
#bec461 rgb(190,196,97)
```
#c5cc59
```
#c5cc59 rgb(197,204,89)
```
#ccd451
```
#ccd451 rgb(204,212,81)
```
#d4dd48
```
#d4dd48 rgb(212,221,72)
```
#dbe540
```
#dbe540 rgb(219,229,64)
```
#e2ed38
```
#e2ed38 rgb(226,237,56)
```
#eaf62f
```
#eaf62f rgb(234,246,47)
```
#f1fe27
```
#f1fe27 rgb(241,254,39)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abac9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b277 Protanopia 1% of men
#d4ab7c Deuteranopia 1% of men
#bcaebb Tritanopia 0.001% of the population

Trichromacy

#bab275 Protanomaly 1% of men, 0.01% of women
#c6ae78 Deuteranomaly 6% of men, 0.4% of women
#b7b0a0 Tritanomaly 0.01% of the population

#afb372 hex color

#afb372 Color Information

#afb372 Color Conversion

Color Schemes with #afb372

Alternatives to #afb372

#afb372 Preview

Shades and Tints of #afb372

Tones of #afb372

Color Blindness Simulator