colorhexa.com

#affb76 hex color

In a RGB color space, hex #affb76 is composed of 68.6% red, 98.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 53% yellow and 1.6% black. It has a hue angle of 94.3 degrees, a saturation of 94.3% and a lightness of 72.4%. #affb76 color hex could be obtained by blending #ffffec with #5ff700. Closest websafe color is: #99ff66.

- R 69
- G 98
- B 46
RGB color chart
- C 30
- M 0
- Y 53
- K 2
CMYK color chart

● #affb76 color description : Soft green.

The hexadecimal color #affb76 has RGB values of R:175, G:251, B:118 and CMYK values of C:0.3, M:0, Y:0.53, K:0.02. Its decimal value is 11533174.

Hex triplet	affb76	`#affb76`
RGB Decimal	175, 251, 118	`rgb(175,251,118)`
RGB Percent	68.6, 98.4, 46.3	`rgb(68.6%,98.4%,46.3%)`
CMYK	30, 0, 53, 2
HSL	94.3°, 94.3, 72.4	`hsl(94.3,94.3%,72.4%)`
HSV (or HSB)	94.3°, 53, 98.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.421, -45.247, 55.728
XYZ	55.445, 79.414, 29.546
xyY	0.337, 0.483, 79.414
CIE-LCH	91.421, 71.784, 129.074
CIE-LUV	91.421, -37.735, 79.536
Hunter-Lab	89.115, -44.893, 42.723
Binary	10101111, 11111011, 01110110

#affb76
```
#affb76 rgb(175,251,118)
```
#c276fb
```
#c276fb rgb(194,118,251)
```

Complementary Color

#f2fb76
```
#f2fb76 rgb(242,251,118)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#76fb80
```
#76fb80 rgb(118,251,128)
```

Analogous Color

#fb76f2
```
#fb76f2 rgb(251,118,242)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#8076fb
```
#8076fb rgb(128,118,251)
```

Split Complementary Color

#fb76af
```
#fb76af rgb(251,118,175)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#76affb
```
#76affb rgb(118,175,251)
```

Triadic Color

#fbc276
```
#fbc276 rgb(251,194,118)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#76affb
```
#76affb rgb(118,175,251)
```
#c276fb
```
#c276fb rgb(194,118,251)
```

Tetradic Color

#84f92c
```
#84f92c rgb(132,249,44)
```
#92fa44
```
#92fa44 rgb(146,250,68)
```
#a1fa5d
```
#a1fa5d rgb(161,250,93)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#bdfc8f
```
#bdfc8f rgb(189,252,143)
```
#ccfca8
```
#ccfca8 rgb(204,252,168)
```
#dafdc0
```
#dafdc0 rgb(218,253,192)
```

Monochromatic Color

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

#d0fb76
```
#d0fb76 rgb(208,251,118)
```
#c5fb76
```
#c5fb76 rgb(197,251,118)
```
#bafb76
```
#bafb76 rgb(186,251,118)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#a4fb76
```
#a4fb76 rgb(164,251,118)
```
#99fb76
```
#99fb76 rgb(153,251,118)
```
#8efb76
```
#8efb76 rgb(142,251,118)
```

Similar Colors

Text with hexadecimal color #affb76

This text has a font color of #affb76.

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

#affb76 background color

This paragraph has a background color of #affb76.

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

#affb76 border color

This element has a border color of #affb76.

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

CSS codes

.text {color:#affb76;}

.background {background-color:#affb76;}

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

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, #070f00 is the darkest color, while #fdfffb is the lightest one.

#070f00
```
#070f00 rgb(7,15,0)
```
#0f2301
```
#0f2301 rgb(15,35,1)
```
#183602
```
#183602 rgb(24,54,2)
```
#204902
```
#204902 rgb(32,73,2)
```
#295c03
```
#295c03 rgb(41,92,3)
```
#316f03
```
#316f03 rgb(49,111,3)
```
#3a8204
```
#3a8204 rgb(58,130,4)
```
#429504
```
#429504 rgb(66,149,4)
```
#4ba805
```
#4ba805 rgb(75,168,5)
```
#53bb05
```
#53bb05 rgb(83,187,5)
```
#5cce06
```
#5cce06 rgb(92,206,6)
```
#64e107
```
#64e107 rgb(100,225,7)
```
#6df407
```
#6df407 rgb(109,244,7)
```

Shade Color Variation

#77f817
```
#77f817 rgb(119,248,23)
```
#82f92a
```
#82f92a rgb(130,249,42)
```
#8ef93d
```
#8ef93d rgb(142,249,61)
```
#99fa50
```
#99fa50 rgb(153,250,80)
```
#a4fa63
```
#a4fa63 rgb(164,250,99)
```
#affb76
```
#affb76 rgb(175,251,118)
```
#bafc89
```
#bafc89 rgb(186,252,137)
```
#c5fc9c
```
#c5fc9c rgb(197,252,156)
```
#d0fdaf
```
#d0fdaf rgb(208,253,175)
```
#dcfdc2
```
#dcfdc2 rgb(220,253,194)
```
#e7fed5
```
#e7fed5 rgb(231,254,213)
```
#f2fee8
```
#f2fee8 rgb(242,254,232)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#b8bab7
```
#b8bab7 rgb(184,186,183)
```
#b8bfb2
```
#b8bfb2 rgb(184,191,178)
```
#b7c5ac
```
#b7c5ac rgb(183,197,172)
```
#b6caa7
```
#b6caa7 rgb(182,202,167)
```
#b5d0a1
```
#b5d0a1 rgb(181,208,161)
```
#b4d59c
```
#b4d59c rgb(180,213,156)
```
#b4da97
```
#b4da97 rgb(180,218,151)
```
#b3e091
```
#b3e091 rgb(179,224,145)
```
#b2e58c
```
#b2e58c rgb(178,229,140)
```
#b1eb86
```
#b1eb86 rgb(177,235,134)
```
#b1f081
```
#b1f081 rgb(177,240,129)
```
#b0f67b
```
#b0f67b rgb(176,246,123)
```
#affb76
```
#affb76 rgb(175,251,118)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#cdddc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe77a Protanopia 1% of men
#ffe3c5 Deuteranopia 1% of men
#c9edfe Tritanopia 0.001% of the population

Trichromacy

#e1ee78 Protanomaly 1% of men, 0.01% of women
#e1eba8 Deuteranomaly 6% of men, 0.4% of women
#c0f2cc Tritanomaly 0.01% of the population