#afc367 hex color

In a RGB color space, hex #afc367 is composed of 68.6% red, 76.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 47.2% yellow and 23.5% black. It has a hue angle of 73 degrees, a saturation of 43.4% and a lightness of 58.4%. #afc367 color hex could be obtained by blending #ffffce with #5f8700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 76
- B 40
RGB color chart
- C 10
- M 0
- Y 47
- K 24
CMYK color chart

● #afc367 color description : Slightly desaturated yellow.

The hexadecimal color #afc367 has RGB values of R:175, G:195, B:103 and CMYK values of C:0.1, M:0, Y:0.47, K:0.24. Its decimal value is 11518823.

Hex triplet	afc367	`#afc367`
RGB Decimal	175, 195, 103	`rgb(175,195,103)`
RGB Percent	68.6, 76.5, 40.4	`rgb(68.6%,76.5%,40.4%)`
CMYK	10, 0, 47, 24
HSL	73°, 43.4, 58.4	`hsl(73,43.4%,58.4%)`
HSV (or HSB)	73°, 47.2, 76.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.528, -20.944, 43.694
XYZ	39.642, 49.123, 20.225
xyY	0.364, 0.451, 49.123
CIE-LCH	75.528, 48.454, 115.611
CIE-LUV	75.528, -8.277, 58.683
Hunter-Lab	70.088, -21.694, 31.953
Binary	10101111, 11000011, 01100111

#afc367
```
#afc367 rgb(175,195,103)
```
#7b67c3
```
#7b67c3 rgb(123,103,195)
```

Complementary Color

#c3a967
```
#c3a967 rgb(195,169,103)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#81c367
```
#81c367 rgb(129,195,103)
```

Analogous Color

#a967c3
```
#a967c3 rgb(169,103,195)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#6781c3
```
#6781c3 rgb(103,129,195)
```

Split Complementary Color

#c367af
```
#c367af rgb(195,103,175)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#67afc3
```
#67afc3 rgb(103,175,195)
```

Triadic Color

#c37b67
```
#c37b67 rgb(195,123,103)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#67afc3
```
#67afc3 rgb(103,175,195)
```
#7b67c3
```
#7b67c3 rgb(123,103,195)
```

Tetradic Color

#8a9f3f
```
#8a9f3f rgb(138,159,63)
```
#9ab146
```
#9ab146 rgb(154,177,70)
```
#a5bc55
```
#a5bc55 rgb(165,188,85)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#b9ca79
```
#b9ca79 rgb(185,202,121)
```
#c2d18c
```
#c2d18c rgb(194,209,140)
```
#ccd99e
```
#ccd99e rgb(204,217,158)
```

Monochromatic Color

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

#c3c067
```
#c3c067 rgb(195,192,103)
```
#bec367
```
#bec367 rgb(190,195,103)
```
#b7c367
```
#b7c367 rgb(183,195,103)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#a7c367
```
#a7c367 rgb(167,195,103)
```
#a0c367
```
#a0c367 rgb(160,195,103)
```
#98c367
```
#98c367 rgb(152,195,103)
```

Similar Colors

Text with hexadecimal color #afc367

This text has a font color of #afc367.

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

#afc367 background color

This paragraph has a background color of #afc367.

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

#afc367 border color

This element has a border color of #afc367.

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

CSS codes

.text {color:#afc367;}

.background {background-color:#afc367;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1107
```
#0f1107 rgb(15,17,7)
```
#1b1f0c
```
#1b1f0c rgb(27,31,12)
```
#272d12
```
#272d12 rgb(39,45,18)
```
#333b17
```
#333b17 rgb(51,59,23)
```
#3f491d
```
#3f491d rgb(63,73,29)
```
#4c5722
```
#4c5722 rgb(76,87,34)
```
#586528
```
#586528 rgb(88,101,40)
```
#64732d
```
#64732d rgb(100,115,45)
```
#708133
```
#708133 rgb(112,129,51)
```
#7c8f39
```
#7c8f39 rgb(124,143,57)
```
#899d3e
```
#899d3e rgb(137,157,62)
```
#95ab44
```
#95ab44 rgb(149,171,68)
```

Shade Color Variation

#a0b84b
```
#a0b84b rgb(160,184,75)
```
#a8bd59
```
#a8bd59 rgb(168,189,89)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#b6c975
```
#b6c975 rgb(182,201,117)
```
#bece83
```
#bece83 rgb(190,206,131)
```
#c5d491
```
#c5d491 rgb(197,212,145)
```
#cdd99f
```
#cdd99f rgb(205,217,159)
```
#d4dfad
```
#d4dfad rgb(212,223,173)
```
#dbe4bb
```
#dbe4bb rgb(219,228,187)
```
#e3eac9
```
#e3eac9 rgb(227,234,201)
```
#eaefd8
```
#eaefd8 rgb(234,239,216)
```
#f2f5e6
```
#f2f5e6 rgb(242,245,230)
```
#f9fbf4
```
#f9fbf4 rgb(249,251,244)
```

Tint Color Variation

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

#989a90
```
#989a90 rgb(152,154,144)
```
#9da288
```
#9da288 rgb(157,162,136)
```
#a1ab7f
```
#a1ab7f rgb(161,171,127)
```
#a6b377
```
#a6b377 rgb(166,179,119)
```
#aabb6f
```
#aabb6f rgb(170,187,111)
```
#afc367
```
#afc367 rgb(175,195,103)
```
#b4cb5f
```
#b4cb5f rgb(180,203,95)
```
#b8d357
```
#b8d357 rgb(184,211,87)
```
#bddb4f
```
#bddb4f rgb(189,219,79)
```
#c1e446
```
#c1e446 rgb(193,228,70)
```
#c6ec3e
```
#c6ec3e rgb(198,236,62)
```
#cbf436
```
#cbf436 rgb(203,244,54)
```
#cffc2e
```
#cffc2e rgb(207,252,46)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd6c Protanopia 1% of men
#e4b574 Deuteranopia 1% of men
#bfbbc9 Tritanopia 0.001% of the population

Trichromacy

#c3bf6a Protanomaly 1% of men, 0.01% of women
#d1ba6f Deuteranomaly 6% of men, 0.4% of women
#b9bea5 Tritanomaly 0.01% of the population

#afc367 hex color

#afc367 Color Information

#afc367 Color Conversion

Color Schemes with #afc367

Alternatives to #afc367

#afc367 Preview

Shades and Tints of #afc367

Tones of #afc367

Color Blindness Simulator