colorhexa.com

#afd30e hex color

In a RGB color space, hex #afd30e is composed of 68.6% red, 82.7% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 93.4% yellow and 17.3% black. It has a hue angle of 71 degrees, a saturation of 87.6% and a lightness of 44.1%. #afd30e color hex could be obtained by blending #ffff1c with #5fa700. Closest websafe color is: #99cc00.

- R 69
- G 83
- B 5
RGB color chart
- C 17
- M 0
- Y 93
- K 17
CMYK color chart

● #afd30e color description : Strong yellow.

The hexadecimal color #afd30e has RGB values of R:175, G:211, B:14 and CMYK values of C:0.17, M:0, Y:0.93, K:0.17. Its decimal value is 11522830.

Hex triplet	afd30e	`#afd30e`
RGB Decimal	175, 211, 14	`rgb(175,211,14)`
RGB Percent	68.6, 82.7, 5.5	`rgb(68.6%,82.7%,5.5%)`
CMYK	17, 0, 93, 17
HSL	71°, 87.6, 44.1	`hsl(71,87.6%,44.1%)`
HSV (or HSB)	71°, 93.4, 82.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.462, -33.523, 77.435
XYZ	41.052, 55.734, 9.01
xyY	0.388, 0.527, 55.734
CIE-LCH	79.462, 84.38, 113.408
CIE-LUV	79.462, -16.746, 89.334
Hunter-Lab	74.655, -32.49, 45.103
Binary	10101111, 11010011, 00001110

#afd30e
```
#afd30e rgb(175,211,14)
```
#320ed3
```
#320ed3 rgb(50,14,211)
```

Complementary Color

#d3950e
```
#d3950e rgb(211,149,14)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#4dd30e
```
#4dd30e rgb(77,211,14)
```

Analogous Color

#950ed3
```
#950ed3 rgb(149,14,211)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#0e4dd3
```
#0e4dd3 rgb(14,77,211)
```

Split Complementary Color

#d30eaf
```
#d30eaf rgb(211,14,175)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#0eafd3
```
#0eafd3 rgb(14,175,211)
```

Triadic Color

#d3320e
```
#d3320e rgb(211,50,14)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#0eafd3
```
#0eafd3 rgb(14,175,211)
```
#320ed3
```
#320ed3 rgb(50,14,211)
```

Tetradic Color

#748b09
```
#748b09 rgb(116,139,9)
```
#87a30b
```
#87a30b rgb(135,163,11)
```
#9bbb0c
```
#9bbb0c rgb(155,187,12)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#c3eb10
```
#c3eb10 rgb(195,235,16)
```
#cbf024
```
#cbf024 rgb(203,240,36)
```
#d1f23b
```
#d1f23b rgb(209,242,59)
```

Monochromatic Color

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

#d3c60e
```
#d3c60e rgb(211,198,14)
```
#d0d30e
```
#d0d30e rgb(208,211,14)
```
#bfd30e
```
#bfd30e rgb(191,211,14)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#9fd30e
```
#9fd30e rgb(159,211,14)
```
#8ed30e
```
#8ed30e rgb(142,211,14)
```
#7ed30e
```
#7ed30e rgb(126,211,14)
```

Similar Colors

Text with hexadecimal color #afd30e

This text has a font color of #afd30e.

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

#afd30e background color

This paragraph has a background color of #afd30e.

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

#afd30e border color

This element has a border color of #afd30e.

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

CSS codes

.text {color:#afd30e;}

.background {background-color:#afd30e;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#161b02
```
#161b02 rgb(22,27,2)
```
#262d03
```
#262d03 rgb(38,45,3)
```
#354004
```
#354004 rgb(53,64,4)
```
#445205
```
#445205 rgb(68,82,5)
```
#536507
```
#536507 rgb(83,101,7)
```
#637708
```
#637708 rgb(99,119,8)
```
#728909
```
#728909 rgb(114,137,9)
```
#819c0a
```
#819c0a rgb(129,156,10)
```
#90ae0c
```
#90ae0c rgb(144,174,12)
```
#a0c10d
```
#a0c10d rgb(160,193,13)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#bee50f
```
#bee50f rgb(190,229,15)
```

Shade Color Variation

#c8f019
```
#c8f019 rgb(200,240,25)
```
#cdf12b
```
#cdf12b rgb(205,241,43)
```
#d1f23d
```
#d1f23d rgb(209,242,61)
```
#d5f350
```
#d5f350 rgb(213,243,80)
```
#daf562
```
#daf562 rgb(218,245,98)
```
#def674
```
#def674 rgb(222,246,116)
```
#e3f787
```
#e3f787 rgb(227,247,135)
```
#e7f899
```
#e7f899 rgb(231,248,153)
```
#ebf9ac
```
#ebf9ac rgb(235,249,172)
```
#f0fbbe
```
#f0fbbe rgb(240,251,190)
```
#f4fcd0
```
#f4fcd0 rgb(244,252,208)
```
#f8fde3
```
#f8fde3 rgb(248,253,227)
```
#fdfef5
```
#fdfef5 rgb(253,254,245)
```

Tint Color Variation

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

#73746d
```
#73746d rgb(115,116,109)
```
#787c65
```
#787c65 rgb(120,124,101)
```
#7e855c
```
#7e855c rgb(126,133,92)
```
#838e53
```
#838e53 rgb(131,142,83)
```
#89964b
```
#89964b rgb(137,150,75)
```
#8e9f42
```
#8e9f42 rgb(142,159,66)
```
#94a839
```
#94a839 rgb(148,168,57)
```
#99b031
```
#99b031 rgb(153,176,49)
```
#9fb928
```
#9fb928 rgb(159,185,40)
```
#a4c21f
```
#a4c21f rgb(164,194,31)
```
#aaca17
```
#aaca17 rgb(170,202,23)
```
#afd30e
```
#afd30e rgb(175,211,14)
```
#b4dc05
```
#b4dc05 rgb(180,220,5)
```

Tone Color Variation

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

Dichromacy

#e0c814 Protanopia 1% of men
#f9be31 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc12 Protanomaly 1% of men, 0.01% of women
#dec524 Deuteranomaly 6% of men, 0.4% of women
#bdcb8c Tritanomaly 0.01% of the population