#afd963 hex color

In a RGB color space, hex #afd963 is composed of 68.6% red, 85.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 54.4% yellow and 14.9% black. It has a hue angle of 81.4 degrees, a saturation of 60.8% and a lightness of 62%. #afd963 color hex could be obtained by blending #ffffc6 with #5fb300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 85
- B 39
RGB color chart
- C 19
- M 0
- Y 54
- K 15
CMYK color chart

● #afd963 color description : Soft green.

The hexadecimal color #afd963 has RGB values of R:175, G:217, B:99 and CMYK values of C:0.19, M:0, Y:0.54, K:0.15. Its decimal value is 11524451.

Hex triplet	afd963	`#afd963`
RGB Decimal	175, 217, 99	`rgb(175,217,99)`
RGB Percent	68.6, 85.1, 38.8	`rgb(68.6%,85.1%,38.8%)`
CMYK	19, 0, 54, 15
HSL	81.4°, 60.8, 62	`hsl(81.4,60.8%,62%)`
HSV (or HSB)	81.4°, 54.4, 85.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.642, -31.915, 52.872
XYZ	44.743, 59.64, 20.958
xyY	0.357, 0.476, 59.64
CIE-LCH	81.642, 61.758, 121.117
CIE-LUV	81.642, -20.444, 71.361
Hunter-Lab	77.227, -31.728, 37.968
Binary	10101111, 11011001, 01100011

#afd963
```
#afd963 rgb(175,217,99)
```
#8d63d9
```
#8d63d9 rgb(141,99,217)
```

Complementary Color

#d9c863
```
#d9c863 rgb(217,200,99)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#74d963
```
#74d963 rgb(116,217,99)
```

Analogous Color

#c863d9
```
#c863d9 rgb(200,99,217)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#6374d9
```
#6374d9 rgb(99,116,217)
```

Split Complementary Color

#d963af
```
#d963af rgb(217,99,175)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#63afd9
```
#63afd9 rgb(99,175,217)
```

Triadic Color

#d98d63
```
#d98d63 rgb(217,141,99)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#63afd9
```
#63afd9 rgb(99,175,217)
```
#8d63d9
```
#8d63d9 rgb(141,99,217)
```

Tetradic Color

#8dc12f
```
#8dc12f rgb(141,193,47)
```
#9acf3a
```
#9acf3a rgb(154,207,58)
```
#a4d44e
```
#a4d44e rgb(164,212,78)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#bade78
```
#bade78 rgb(186,222,120)
```
#c4e38c
```
#c4e38c rgb(196,227,140)
```
#cfe8a1
```
#cfe8a1 rgb(207,232,161)
```

Monochromatic Color

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

#cdd963
```
#cdd963 rgb(205,217,99)
```
#c3d963
```
#c3d963 rgb(195,217,99)
```
#b9d963
```
#b9d963 rgb(185,217,99)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#a5d963
```
#a5d963 rgb(165,217,99)
```
#9bd963
```
#9bd963 rgb(155,217,99)
```
#92d963
```
#92d963 rgb(146,217,99)
```

Similar Colors

Text with hexadecimal color #afd963

This text has a font color of #afd963.

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

#afd963 background color

This paragraph has a background color of #afd963.

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

#afd963 border color

This element has a border color of #afd963.

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

CSS codes

.text {color:#afd963;}

.background {background-color:#afd963;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0d1204
```
#0d1204 rgb(13,18,4)
```
#182108
```
#182108 rgb(24,33,8)
```
#24310c
```
#24310c rgb(36,49,12)
```
#2f4110
```
#2f4110 rgb(47,65,16)
```
#3b5114
```
#3b5114 rgb(59,81,20)
```
#466017
```
#466017 rgb(70,96,23)
```
#52701b
```
#52701b rgb(82,112,27)
```
#5d801f
```
#5d801f rgb(93,128,31)
```
#699023
```
#699023 rgb(105,144,35)
```
#759f27
```
#759f27 rgb(117,159,39)
```
#80af2b
```
#80af2b rgb(128,175,43)
```
#8cbf2f
```
#8cbf2f rgb(140,191,47)
```

Shade Color Variation

#97cd34
```
#97cd34 rgb(151,205,52)
```
#9fd143
```
#9fd143 rgb(159,209,67)
```
#a7d553
```
#a7d553 rgb(167,213,83)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#b7dd73
```
#b7dd73 rgb(183,221,115)
```
#bfe183
```
#bfe183 rgb(191,225,131)
```
#c7e592
```
#c7e592 rgb(199,229,146)
```
#cfe8a2
```
#cfe8a2 rgb(207,232,162)
```
#d7ecb2
```
#d7ecb2 rgb(215,236,178)
```
#e0f0c2
```
#e0f0c2 rgb(224,240,194)
```
#e8f4d1
```
#e8f4d1 rgb(232,244,209)
```
#f0f8e1
```
#f0f8e1 rgb(240,248,225)
```
#f8fcf1
```
#f8fcf1 rgb(248,252,241)
```

Tint Color Variation

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

#a0a597
```
#a0a597 rgb(160,165,151)
```
#a2ac90
```
#a2ac90 rgb(162,172,144)
```
#a4b488
```
#a4b488 rgb(164,180,136)
```
#a6bb81
```
#a6bb81 rgb(166,187,129)
```
#a9c379
```
#a9c379 rgb(169,195,121)
```
#abca72
```
#abca72 rgb(171,202,114)
```
#add26a
```
#add26a rgb(173,210,106)
```
#afd963
```
#afd963 rgb(175,217,99)
```
#b1e05c
```
#b1e05c rgb(177,224,92)
```
#b3e854
```
#b3e854 rgb(179,232,84)
```
#b5ef4d
```
#b5ef4d rgb(181,239,77)
```
#b8f745
```
#b8f745 rgb(184,247,69)
```
#bafe3e
```
#bafe3e rgb(186,254,62)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc4ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd67 Protanopia 1% of men
#f9c473 Deuteranopia 1% of men
#c4cedd Tritanopia 0.001% of the population

Trichromacy

#d0d165 Protanomaly 1% of men, 0.01% of women
#decc6d Deuteranomaly 6% of men, 0.4% of women
#bcd2b0 Tritanomaly 0.01% of the population

#afd963 hex color

#afd963 Color Information

#afd963 Color Conversion

Color Schemes with #afd963

Alternatives to #afd963

#afd963 Preview

Shades and Tints of #afd963

Tones of #afd963

Color Blindness Simulator