#afbe67 hex color

In a RGB color space, hex #afbe67 is composed of 68.6% red, 74.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 45.8% yellow and 25.5% black. It has a hue angle of 70.3 degrees, a saturation of 40.1% and a lightness of 57.5%. #afbe67 color hex could be obtained by blending #ffffce with #5f7d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 75
- B 40
RGB color chart
- C 8
- M 0
- Y 46
- K 25
CMYK color chart

● #afbe67 color description : Slightly desaturated yellow.

The hexadecimal color #afbe67 has RGB values of R:175, G:190, B:103 and CMYK values of C:0.08, M:0, Y:0.46, K:0.25. Its decimal value is 11517543.

Hex triplet	afbe67	`#afbe67`
RGB Decimal	175, 190, 103	`rgb(175,190,103)`
RGB Percent	68.6, 74.5, 40.4	`rgb(68.6%,74.5%,40.4%)`
CMYK	8, 0, 46, 25
HSL	70.3°, 40.1, 57.5	`hsl(70.3,40.1%,57.5%)`
HSV (or HSB)	70.3°, 45.8, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.139, -18.449, 41.993
XYZ	38.54, 46.92, 19.857
xyY	0.366, 0.446, 46.92
CIE-LCH	74.139, 45.867, 113.717
CIE-LUV	74.139, -5.396, 56.146
Hunter-Lab	68.498, -19.44, 30.761
Binary	10101111, 10111110, 01100111

#afbe67
```
#afbe67 rgb(175,190,103)
```
#7667be
```
#7667be rgb(118,103,190)
```

Complementary Color

#bea267
```
#bea267 rgb(190,162,103)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#84be67
```
#84be67 rgb(132,190,103)
```

Analogous Color

#a267be
```
#a267be rgb(162,103,190)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#6784be
```
#6784be rgb(103,132,190)
```

Split Complementary Color

#be67af
```
#be67af rgb(190,103,175)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#67afbe
```
#67afbe rgb(103,175,190)
```

Triadic Color

#be7667
```
#be7667 rgb(190,118,103)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#67afbe
```
#67afbe rgb(103,175,190)
```
#7667be
```
#7667be rgb(118,103,190)
```

Tetradic Color

#899841
```
#899841 rgb(137,152,65)
```
#99aa48
```
#99aa48 rgb(153,170,72)
```
#a6b655
```
#a6b655 rgb(166,182,85)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#b8c679
```
#b8c679 rgb(184,198,121)
```
#c2cd8b
```
#c2cd8b rgb(194,205,139)
```
#cbd59d
```
#cbd59d rgb(203,213,157)
```

Monochromatic Color

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

#beb767
```
#beb767 rgb(190,183,103)
```
#bebe67
```
#bebe67 rgb(190,190,103)
```
#b6be67
```
#b6be67 rgb(182,190,103)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#a8be67
```
#a8be67 rgb(168,190,103)
```
#a1be67
```
#a1be67 rgb(161,190,103)
```
#99be67
```
#99be67 rgb(153,190,103)
```

Similar Colors

Text with hexadecimal color #afbe67

This text has a font color of #afbe67.

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

#afbe67 background color

This paragraph has a background color of #afbe67.

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

#afbe67 border color

This element has a border color of #afbe67.

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

CSS codes

.text {color:#afbe67;}

.background {background-color:#afbe67;}

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

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

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#181b0b
```
#181b0b rgb(24,27,11)
```
#242811
```
#242811 rgb(36,40,17)
```
#313617
```
#313617 rgb(49,54,23)
```
#3d441d
```
#3d441d rgb(61,68,29)
```
#4a5223
```
#4a5223 rgb(74,82,35)
```
#565f29
```
#565f29 rgb(86,95,41)
```
#626d2f
```
#626d2f rgb(98,109,47)
```
#6f7b35
```
#6f7b35 rgb(111,123,53)
```
#7b893a
```
#7b893a rgb(123,137,58)
```
#879640
```
#879640 rgb(135,150,64)
```
#94a446
```
#94a446 rgb(148,164,70)
```
#a0b24c
```
#a0b24c rgb(160,178,76)
```

Shade Color Variation

#a8b859
```
#a8b859 rgb(168,184,89)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#b6c475
```
#b6c475 rgb(182,196,117)
```
#bdca82
```
#bdca82 rgb(189,202,130)
```
#c5d090
```
#c5d090 rgb(197,208,144)
```
#ccd69e
```
#ccd69e rgb(204,214,158)
```
#d3dbac
```
#d3dbac rgb(211,219,172)
```
#dae1b9
```
#dae1b9 rgb(218,225,185)
```
#e2e7c7
```
#e2e7c7 rgb(226,231,199)
```
#e9edd5
```
#e9edd5 rgb(233,237,213)
```
#f0f3e3
```
#f0f3e3 rgb(240,243,227)
```
#f7f9f0
```
#f7f9f0 rgb(247,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#949491
```
#949491 rgb(148,148,145)
```
#999d88
```
#999d88 rgb(153,157,136)
```
#9fa580
```
#9fa580 rgb(159,165,128)
```
#a4ad78
```
#a4ad78 rgb(164,173,120)
```
#aab66f
```
#aab66f rgb(170,182,111)
```
#afbe67
```
#afbe67 rgb(175,190,103)
```
#b4c65f
```
#b4c65f rgb(180,198,95)
```
#bacf56
```
#bacf56 rgb(186,207,86)
```
#bfd74e
```
#bfd74e rgb(191,215,78)
```
#c5df46
```
#c5df46 rgb(197,223,70)
```
#cae83d
```
#cae83d rgb(202,232,61)
```
#d0f035
```
#d0f035 rgb(208,240,53)
```
#d5f82d
```
#d5f82d rgb(213,248,45)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbba6c Protanopia 1% of men
#dfb273 Deuteranopia 1% of men
#beb7c4 Tritanopia 0.001% of the population

Trichromacy

#c1bb6a Protanomaly 1% of men, 0.01% of women
#ceb66f Deuteranomaly 6% of men, 0.4% of women
#b9b9a2 Tritanomaly 0.01% of the population

#afbe67 hex color

#afbe67 Color Information

#afbe67 Color Conversion

Color Schemes with #afbe67

Alternatives to #afbe67

#afbe67 Preview

Shades and Tints of #afbe67

Tones of #afbe67

Color Blindness Simulator