#afd03a hex color

In a RGB color space, hex #afd03a is composed of 68.6% red, 81.6% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 72.1% yellow and 18.4% black. It has a hue angle of 73.2 degrees, a saturation of 61.5% and a lightness of 52.2%. #afd03a color hex could be obtained by blending #ffff74 with #5fa100. Closest websafe color is: #99cc33.

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

● #afd03a color description : Moderate yellow.

The hexadecimal color #afd03a has RGB values of R:175, G:208, B:58 and CMYK values of C:0.16, M:0, Y:0.72, K:0.18. Its decimal value is 11522106.

Hex triplet	afd03a	`#afd03a`
RGB Decimal	175, 208, 58	`rgb(175,208,58)`
RGB Percent	68.6, 81.6, 22.7	`rgb(68.6%,81.6%,22.7%)`
CMYK	16, 0, 72, 18
HSL	73.2°, 61.5, 52.2	`hsl(73.2,61.5%,52.2%)`
HSV (or HSB)	73.2°, 72.1, 81.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.77, -30.707, 66.536
XYZ	40.998, 54.531, 12.368
xyY	0.38, 0.505, 54.531
CIE-LCH	78.77, 73.28, 114.773
CIE-LUV	78.77, -15.181, 81.272
Hunter-Lab	73.845, -30.127, 41.761
Binary	10101111, 11010000, 00111010

#afd03a
```
#afd03a rgb(175,208,58)
```
#5b3ad0
```
#5b3ad0 rgb(91,58,208)
```

Complementary Color

#d0a63a
```
#d0a63a rgb(208,166,58)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#64d03a
```
#64d03a rgb(100,208,58)
```

Analogous Color

#a63ad0
```
#a63ad0 rgb(166,58,208)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#3a64d0
```
#3a64d0 rgb(58,100,208)
```

Split Complementary Color

#d03aaf
```
#d03aaf rgb(208,58,175)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#3aafd0
```
#3aafd0 rgb(58,175,208)
```

Triadic Color

#d05b3a
```
#d05b3a rgb(208,91,58)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#3aafd0
```
#3aafd0 rgb(58,175,208)
```
#5b3ad0
```
#5b3ad0 rgb(91,58,208)
```

Tetradic Color

#7f9925
```
#7f9925 rgb(127,153,37)
```
#91ae29
```
#91ae29 rgb(145,174,41)
```
#a2c22e
```
#a2c22e rgb(162,194,46)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#b7d54f
```
#b7d54f rgb(183,213,79)
```
#c0da63
```
#c0da63 rgb(192,218,99)
```
#c8df78
```
#c8df78 rgb(200,223,120)
```

Monochromatic Color

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

#d0cc3a
```
#d0cc3a rgb(208,204,58)
```
#c8d03a
```
#c8d03a rgb(200,208,58)
```
#bcd03a
```
#bcd03a rgb(188,208,58)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#a3d03a
```
#a3d03a rgb(163,208,58)
```
#96d03a
```
#96d03a rgb(150,208,58)
```
#8ad03a
```
#8ad03a rgb(138,208,58)
```

Similar Colors

Text with hexadecimal color #afd03a

This text has a font color of #afd03a.

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

#afd03a background color

This paragraph has a background color of #afd03a.

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

#afd03a border color

This element has a border color of #afd03a.

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

CSS codes

.text {color:#afd03a;}

.background {background-color:#afd03a;}

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

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

#070902
```
#070902 rgb(7,9,2)
```
#151906
```
#151906 rgb(21,25,6)
```
#22290a
```
#22290a rgb(34,41,10)
```
#2f380d
```
#2f380d rgb(47,56,13)
```
#3c4811
```
#3c4811 rgb(60,72,17)
```
#495815
```
#495815 rgb(73,88,21)
```
#566819
```
#566819 rgb(86,104,25)
```
#64781d
```
#64781d rgb(100,120,29)
```
#718820
```
#718820 rgb(113,136,32)
```
#7e9724
```
#7e9724 rgb(126,151,36)
```
#8ba728
```
#8ba728 rgb(139,167,40)
```
#98b72c
```
#98b72c rgb(152,183,44)
```
#a6c72f
```
#a6c72f rgb(166,199,47)
```

Shade Color Variation

#afd03a
```
#afd03a rgb(175,208,58)
```
#b5d44a
```
#b5d44a rgb(181,212,74)
```
#bcd85a
```
#bcd85a rgb(188,216,90)
```
#c2db6a
```
#c2db6a rgb(194,219,106)
```
#c9df79
```
#c9df79 rgb(201,223,121)
```
#cfe389
```
#cfe389 rgb(207,227,137)
```
#d6e799
```
#d6e799 rgb(214,231,153)
```
#dceaa9
```
#dceaa9 rgb(220,234,169)
```
#e2eeb9
```
#e2eeb9 rgb(226,238,185)
```
#e9f2c9
```
#e9f2c9 rgb(233,242,201)
```
#eff6d8
```
#eff6d8 rgb(239,246,216)
```
#f6fae8
```
#f6fae8 rgb(246,250,232)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#8a8e7c
```
#8a8e7c rgb(138,142,124)
```
#8f9872
```
#8f9872 rgb(143,152,114)
```
#95a169
```
#95a169 rgb(149,161,105)
```
#9aaa60
```
#9aaa60 rgb(154,170,96)
```
#9fb456
```
#9fb456 rgb(159,180,86)
```
#a4bd4d
```
#a4bd4d rgb(164,189,77)
```
#aac743
```
#aac743 rgb(170,199,67)
```
#afd03a
```
#afd03a rgb(175,208,58)
```
#b4d931
```
#b4d931 rgb(180,217,49)
```
#bae327
```
#bae327 rgb(186,227,39)
```
#bfec1e
```
#bfec1e rgb(191,236,30)
```
#c4f614
```
#c4f614 rgb(196,246,20)
```
#c9ff0b
```
#c9ff0b rgb(201,255,11)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4ba9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc641 Protanopia 1% of men
#f4bc4e Deuteranopia 1% of men
#c4c5d3 Tritanopia 0.001% of the population

Trichromacy

#ccc93e Protanomaly 1% of men, 0.01% of women
#dbc346 Deuteranomaly 6% of men, 0.4% of women
#bcc99b Tritanomaly 0.01% of the population

#afd03a hex color

#afd03a Color Information

#afd03a Color Conversion

Color Schemes with #afd03a

Alternatives to #afd03a

#afd03a Preview

Shades and Tints of #afd03a

Tones of #afd03a

Color Blindness Simulator