#afd317 hex color

In a RGB color space, hex #afd317 is composed of 68.6% red, 82.7% green and 9% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 89.1% yellow and 17.3% black. It has a hue angle of 71.5 degrees, a saturation of 80.3% and a lightness of 45.9%. #afd317 color hex could be obtained by blending #ffff2e with #5fa700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 83
- B 9
RGB color chart
- C 17
- M 0
- Y 89
- K 17
CMYK color chart

● #afd317 color description : Strong yellow.

The hexadecimal color #afd317 has RGB values of R:175, G:211, B:23 and CMYK values of C:0.17, M:0, Y:0.89, K:0.17. Its decimal value is 11522839.

Hex triplet	afd317	`#afd317`
RGB Decimal	175, 211, 23	`rgb(175,211,23)`
RGB Percent	68.6, 82.7, 9	`rgb(68.6%,82.7%,9%)`
CMYK	17, 0, 89, 17
HSL	71.5°, 80.3, 45.9	`hsl(71.5,80.3%,45.9%)`
HSV (or HSB)	71.5°, 89.1, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.479, -33.366, 76.203
XYZ	41.128, 55.764, 9.407
xyY	0.387, 0.525, 55.764
CIE-LCH	79.479, 83.188, 113.646
CIE-LUV	79.479, -16.761, 88.576
Hunter-Lab	74.675, -32.372, 44.804
Binary	10101111, 11010011, 00010111

#afd317
```
#afd317 rgb(175,211,23)
```
#3b17d3
```
#3b17d3 rgb(59,23,211)
```

Complementary Color

#d39917
```
#d39917 rgb(211,153,23)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#51d317
```
#51d317 rgb(81,211,23)
```

Analogous Color

#9917d3
```
#9917d3 rgb(153,23,211)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#1751d3
```
#1751d3 rgb(23,81,211)
```

Split Complementary Color

#d317af
```
#d317af rgb(211,23,175)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#17afd3
```
#17afd3 rgb(23,175,211)
```

Triadic Color

#d33b17
```
#d33b17 rgb(211,59,23)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#17afd3
```
#17afd3 rgb(23,175,211)
```
#3b17d3
```
#3b17d3 rgb(59,23,211)
```

Tetradic Color

#768e0f
```
#768e0f rgb(118,142,15)
```
#89a512
```
#89a512 rgb(137,165,18)
```
#9cbc14
```
#9cbc14 rgb(156,188,20)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#c0e61d
```
#c0e61d rgb(192,230,29)
```
#c6e934
```
#c6e934 rgb(198,233,52)
```
#cdeb4b
```
#cdeb4b rgb(205,235,75)
```

Monochromatic Color

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

#d3c817
```
#d3c817 rgb(211,200,23)
```
#ced317
```
#ced317 rgb(206,211,23)
```
#bfd317
```
#bfd317 rgb(191,211,23)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#9fd317
```
#9fd317 rgb(159,211,23)
```
#90d317
```
#90d317 rgb(144,211,23)
```
#80d317
```
#80d317 rgb(128,211,23)
```

Similar Colors

Text with hexadecimal color #afd317

This text has a font color of #afd317.

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

#afd317 background color

This paragraph has a background color of #afd317.

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

#afd317 border color

This element has a border color of #afd317.

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

CSS codes

.text {color:#afd317;}

.background {background-color:#afd317;}

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

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

#0e1002
```
#0e1002 rgb(14,16,2)
```
#1c2204
```
#1c2204 rgb(28,34,4)
```
#2b3406
```
#2b3406 rgb(43,52,6)
```
#3a4608
```
#3a4608 rgb(58,70,8)
```
#48570a
```
#48570a rgb(72,87,10)
```
#57690b
```
#57690b rgb(87,105,11)
```
#667b0d
```
#667b0d rgb(102,123,13)
```
#748c0f
```
#748c0f rgb(116,140,15)
```
#839e11
```
#839e11 rgb(131,158,17)
```
#92b013
```
#92b013 rgb(146,176,19)
```
#a0c115
```
#a0c115 rgb(160,193,21)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#bee519
```
#bee519 rgb(190,229,25)
```

Shade Color Variation

#c3e82a
```
#c3e82a rgb(195,232,42)
```
#c8ea3b
```
#c8ea3b rgb(200,234,59)
```
#cdec4d
```
#cdec4d rgb(205,236,77)
```
#d2ee5f
```
#d2ee5f rgb(210,238,95)
```
#d7ef70
```
#d7ef70 rgb(215,239,112)
```
#dcf182
```
#dcf182 rgb(220,241,130)
```
#e1f394
```
#e1f394 rgb(225,243,148)
```
#e6f5a5
```
#e6f5a5 rgb(230,245,165)
```
#ebf7b7
```
#ebf7b7 rgb(235,247,183)
```
#f0f9c9
```
#f0f9c9 rgb(240,249,201)
```
#f5fbda
```
#f5fbda rgb(245,251,218)
```
#fafdec
```
#fafdec rgb(250,253,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#777971
```
#777971 rgb(119,121,113)
```
#7d8268
```
#7d8268 rgb(125,130,104)
```
#838b5f
```
#838b5f rgb(131,139,95)
```
#889456
```
#889456 rgb(136,148,86)
```
#8e9d4d
```
#8e9d4d rgb(142,157,77)
```
#93a644
```
#93a644 rgb(147,166,68)
```
#99af3b
```
#99af3b rgb(153,175,59)
```
#9eb832
```
#9eb832 rgb(158,184,50)
```
#a4c129
```
#a4c129 rgb(164,193,41)
```
#a9ca20
```
#a9ca20 rgb(169,202,32)
```
#afd317
```
#afd317 rgb(175,211,23)
```
#b5dc0e
```
#b5dc0e rgb(181,220,14)
```
#bae505
```
#bae505 rgb(186,229,5)
```

Tone Color Variation

Below, you can see how #afd317 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
#b2b994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c81e Protanopia 1% of men
#f9be36 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc1b Protanomaly 1% of men, 0.01% of women
#dec52a Deuteranomaly 6% of men, 0.4% of women
#bdcb90 Tritanomaly 0.01% of the population

#afd317 hex color

#afd317 Color Information

#afd317 Color Conversion

Color Schemes with #afd317

Alternatives to #afd317

#afd317 Preview

Shades and Tints of #afd317

Tones of #afd317

Color Blindness Simulator