#afd118 hex color

In a RGB color space, hex #afd118 is composed of 68.6% red, 82% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 88.5% yellow and 18% black. It has a hue angle of 71 degrees, a saturation of 79.4% and a lightness of 45.7%. #afd118 color hex could be obtained by blending #ffff30 with #5fa300. Closest websafe color is: #99cc00.

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

● #afd118 color description : Strong yellow.

The hexadecimal color #afd118 has RGB values of R:175, G:209, B:24 and CMYK values of C:0.16, M:0, Y:0.89, K:0.18. Its decimal value is 11522328.

Hex triplet	afd118	`#afd118`
RGB Decimal	175, 209, 24	`rgb(175,209,24)`
RGB Percent	68.6, 82, 9.4	`rgb(68.6%,82%,9.4%)`
CMYK	16, 0, 89, 18
HSL	71°, 79.4, 45.7	`hsl(71,79.4%,45.7%)`
HSV (or HSB)	71°, 88.5, 82
Web Safe	99cc00	`#99cc00`

CIE-LAB	78.915, -32.42, 75.578
XYZ	40.644, 54.781, 9.297
xyY	0.388, 0.523, 54.781
CIE-LCH	78.915, 82.238, 113.217
CIE-LUV	78.915, -15.613, 87.687
Hunter-Lab	74.014, -31.502, 44.363
Binary	10101111, 11010001, 00011000

#afd118
```
#afd118 rgb(175,209,24)
```
#3a18d1
```
#3a18d1 rgb(58,24,209)
```

Complementary Color

#d19718
```
#d19718 rgb(209,151,24)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#53d118
```
#53d118 rgb(83,209,24)
```

Analogous Color

#9718d1
```
#9718d1 rgb(151,24,209)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#1852d1
```
#1852d1 rgb(24,82,209)
```

Split Complementary Color

#d118af
```
#d118af rgb(209,24,175)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#18afd1
```
#18afd1 rgb(24,175,209)
```

Triadic Color

#d13a18
```
#d13a18 rgb(209,58,24)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#18afd1
```
#18afd1 rgb(24,175,209)
```
#3a18d1
```
#3a18d1 rgb(58,24,209)
```

Tetradic Color

#768c10
```
#768c10 rgb(118,140,16)
```
#89a313
```
#89a313 rgb(137,163,19)
```
#9cba15
```
#9cba15 rgb(156,186,21)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#c0e51d
```
#c0e51d rgb(192,229,29)
```
#c7e834
```
#c7e834 rgb(199,232,52)
```
#cdea4b
```
#cdea4b rgb(205,234,75)
```

Monochromatic Color

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

#d1c518
```
#d1c518 rgb(209,197,24)
```
#ced118
```
#ced118 rgb(206,209,24)
```
#bed118
```
#bed118 rgb(190,209,24)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#a0d118
```
#a0d118 rgb(160,209,24)
```
#90d118
```
#90d118 rgb(144,209,24)
```
#81d118
```
#81d118 rgb(129,209,24)
```

Similar Colors

Text with hexadecimal color #afd118

This text has a font color of #afd118.

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

#afd118 background color

This paragraph has a background color of #afd118.

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

#afd118 border color

This element has a border color of #afd118.

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

CSS codes

.text {color:#afd118;}

.background {background-color:#afd118;}

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

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

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1c2104
```
#1c2104 rgb(28,33,4)
```
#2a3306
```
#2a3306 rgb(42,51,6)
```
#394408
```
#394408 rgb(57,68,8)
```
#48560a
```
#48560a rgb(72,86,10)
```
#57670c
```
#57670c rgb(87,103,12)
```
#65790e
```
#65790e rgb(101,121,14)
```
#748b10
```
#748b10 rgb(116,139,16)
```
#839c12
```
#839c12 rgb(131,156,18)
```
#92ae14
```
#92ae14 rgb(146,174,20)
```
#a0bf16
```
#a0bf16 rgb(160,191,22)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#bee31a
```
#bee31a rgb(190,227,26)
```

Shade Color Variation

#c4e72a
```
#c4e72a rgb(196,231,42)
```
#c9e93b
```
#c9e93b rgb(201,233,59)
```
#ceeb4d
```
#ceeb4d rgb(206,235,77)
```
#d2ed5f
```
#d2ed5f rgb(210,237,95)
```
#d7ef70
```
#d7ef70 rgb(215,239,112)
```
#dcf182
```
#dcf182 rgb(220,241,130)
```
#e1f393
```
#e1f393 rgb(225,243,147)
```
#e6f5a5
```
#e6f5a5 rgb(230,245,165)
```
#ebf7b6
```
#ebf7b6 rgb(235,247,182)
```
#f0f9c8
```
#f0f9c8 rgb(240,249,200)
```
#f5fbda
```
#f5fbda rgb(245,251,218)
```
#fafdeb
```
#fafdeb rgb(250,253,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#767772
```
#767772 rgb(118,119,114)
```
#7c8069
```
#7c8069 rgb(124,128,105)
```
#828960
```
#828960 rgb(130,137,96)
```
#879257
```
#879257 rgb(135,146,87)
```
#8d9b4e
```
#8d9b4e rgb(141,155,78)
```
#93a445
```
#93a445 rgb(147,164,69)
```
#98ad3c
```
#98ad3c rgb(152,173,60)
```
#9eb633
```
#9eb633 rgb(158,182,51)
```
#a4bf2a
```
#a4bf2a rgb(164,191,42)
```
#a9c821
```
#a9c821 rgb(169,200,33)
```
#afd118
```
#afd118 rgb(175,209,24)
```
#b5da0f
```
#b5da0f rgb(181,218,15)
```
#bae306
```
#bae306 rgb(186,227,6)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec61f Protanopia 1% of men
#f7bd36 Deuteranopia 1% of men
#c5c5d3 Tritanopia 0.001% of the population

Trichromacy

#cdca1d Protanomaly 1% of men, 0.01% of women
#dcc42b Deuteranomaly 6% of men, 0.4% of women
#bdc98f Tritanomaly 0.01% of the population

#afd118 hex color

#afd118 Color Information

#afd118 Color Conversion

Color Schemes with #afd118

Alternatives to #afd118

#afd118 Preview

Shades and Tints of #afd118

Tones of #afd118

Color Blindness Simulator