colorhexa.com

#afbe5d hex color

In a RGB color space, hex #afbe5d is composed of 68.6% red, 74.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 51.1% yellow and 25.5% black. It has a hue angle of 69.3 degrees, a saturation of 42.7% and a lightness of 55.5%. #afbe5d color hex could be obtained by blending #ffffba with #5f7d00. Closest websafe color is: #99cc66.

- R 69
- G 75
- B 36
RGB color chart
- C 8
- M 0
- Y 51
- K 25
CMYK color chart

● #afbe5d color description : Moderate yellow.

The hexadecimal color #afbe5d has RGB values of R:175, G:190, B:93 and CMYK values of C:0.08, M:0, Y:0.51, K:0.25. Its decimal value is 11517533.

Hex triplet	afbe5d	`#afbe5d`
RGB Decimal	175, 190, 93	`rgb(175,190,93)`
RGB Percent	68.6, 74.5, 36.5	`rgb(68.6%,74.5%,36.5%)`
CMYK	8, 0, 51, 25
HSL	69.3°, 42.7, 55.5	`hsl(69.3,42.7%,55.5%)`
HSV (or HSB)	69.3°, 51.1, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.018, -19.445, 46.733
XYZ	38.068, 46.731, 17.37
xyY	0.373, 0.457, 46.731
CIE-LCH	74.018, 50.617, 112.591
CIE-LUV	74.018, -5.167, 60.884
Hunter-Lab	68.36, -20.229, 32.787
Binary	10101111, 10111110, 01011101

#afbe5d
```
#afbe5d rgb(175,190,93)
```
#6c5dbe
```
#6c5dbe rgb(108,93,190)
```

Complementary Color

#be9d5d
```
#be9d5d rgb(190,157,93)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#7fbe5d
```
#7fbe5d rgb(127,190,93)
```

Analogous Color

#9d5dbe
```
#9d5dbe rgb(157,93,190)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#5d7fbe
```
#5d7fbe rgb(93,127,190)
```

Split Complementary Color

#be5daf
```
#be5daf rgb(190,93,175)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#5dafbe
```
#5dafbe rgb(93,175,190)
```

Triadic Color

#be6c5d
```
#be6c5d rgb(190,108,93)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#5dafbe
```
#5dafbe rgb(93,175,190)
```
#6c5dbe
```
#6c5dbe rgb(108,93,190)
```

Tetradic Color

#86933b
```
#86933b rgb(134,147,59)
```
#96a642
```
#96a642 rgb(150,166,66)
```
#a6b74b
```
#a6b74b rgb(166,183,75)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#b8c56f
```
#b8c56f rgb(184,197,111)
```
#c1cd81
```
#c1cd81 rgb(193,205,129)
```
#cad494
```
#cad494 rgb(202,212,148)
```

Monochromatic Color

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

#beb55d
```
#beb55d rgb(190,181,93)
```
#bebd5d
```
#bebd5d rgb(190,189,93)
```
#b7be5d
```
#b7be5d rgb(183,190,93)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#a7be5d
```
#a7be5d rgb(167,190,93)
```
#9fbe5d
```
#9fbe5d rgb(159,190,93)
```
#97be5d
```
#97be5d rgb(151,190,93)
```

Similar Colors

Text with hexadecimal color #afbe5d

This text has a font color of #afbe5d.

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

#afbe5d background color

This paragraph has a background color of #afbe5d.

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

#afbe5d border color

This element has a border color of #afbe5d.

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

CSS codes

.text {color:#afbe5d;}

.background {background-color:#afbe5d;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#121408
```
#121408 rgb(18,20,8)
```
#1f220e
```
#1f220e rgb(31,34,14)
```
#2c3013
```
#2c3013 rgb(44,48,19)
```
#383e19
```
#383e19 rgb(56,62,25)
```
#454c1e
```
#454c1e rgb(69,76,30)
```
#525a24
```
#525a24 rgb(82,90,36)
```
#5e682a
```
#5e682a rgb(94,104,42)
```
#6b762f
```
#6b762f rgb(107,118,47)
```
#788435
```
#788435 rgb(120,132,53)
```
#84923b
```
#84923b rgb(132,146,59)
```
#91a040
```
#91a040 rgb(145,160,64)
```
#9eae46
```
#9eae46 rgb(158,174,70)
```

Shade Color Variation

#a8b84f
```
#a8b84f rgb(168,184,79)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#b6c46b
```
#b6c46b rgb(182,196,107)
```
#bdc979
```
#bdc979 rgb(189,201,121)
```
#c4cf87
```
#c4cf87 rgb(196,207,135)
```
#cbd495
```
#cbd495 rgb(203,212,149)
```
#d2daa3
```
#d2daa3 rgb(210,218,163)
```
#d8e0b1
```
#d8e0b1 rgb(216,224,177)
```
#dfe5bf
```
#dfe5bf rgb(223,229,191)
```
#e6ebcd
```
#e6ebcd rgb(230,235,205)
```
#edf1db
```
#edf1db rgb(237,241,219)
```
#f4f6e9
```
#f4f6e9 rgb(244,246,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#919289
```
#919289 rgb(145,146,137)
```
#979b80
```
#979b80 rgb(151,155,128)
```
#9da477
```
#9da477 rgb(157,164,119)
```
#a3ad6e
```
#a3ad6e rgb(163,173,110)
```
#a9b566
```
#a9b566 rgb(169,181,102)
```
#afbe5d
```
#afbe5d rgb(175,190,93)
```
#b5c754
```
#b5c754 rgb(181,199,84)
```
#bbcf4c
```
#bbcf4c rgb(187,207,76)
```
#c1d843
```
#c1d843 rgb(193,216,67)
```
#c7e13a
```
#c7e13a rgb(199,225,58)
```
#cdea31
```
#cdea31 rgb(205,234,49)
```
#d3f229
```
#d3f229 rgb(211,242,41)
```
#d9fb20
```
#d9fb20 rgb(217,251,32)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb963 Protanopia 1% of men
#e1b16a Deuteranopia 1% of men
#bfb6c3 Tritanopia 0.001% of the population

Trichromacy

#c1bb60 Protanomaly 1% of men, 0.01% of women
#ceb665 Deuteranomaly 6% of men, 0.4% of women
#b9b99e Tritanomaly 0.01% of the population