colorhexa.com

#afd009 hex color

In a RGB color space, hex #afd009 is composed of 68.6% red, 81.6% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 95.7% yellow and 18.4% black. It has a hue angle of 69.9 degrees, a saturation of 91.7% and a lightness of 42.5%. #afd009 color hex could be obtained by blending #ffff12 with #5fa100. Closest websafe color is: #99cc00.

- R 69
- G 82
- B 4
RGB color chart
- C 16
- M 0
- Y 96
- K 18
CMYK color chart

● #afd009 color description : Strong yellow.

The hexadecimal color #afd009 has RGB values of R:175, G:208, B:9 and CMYK values of C:0.16, M:0, Y:0.96, K:0.18. Its decimal value is 11522057.

Hex triplet	afd009	`#afd009`
RGB Decimal	175, 208, 9	`rgb(175,208,9)`
RGB Percent	68.6, 81.6, 3.5	`rgb(68.6%,81.6%,3.5%)`
CMYK	16, 0, 96, 18
HSL	69.9°, 91.7, 42.5	`hsl(69.9,91.7%,42.5%)`
HSV (or HSB)	69.9°, 95.7, 81.6
Web Safe	99cc00	`#99cc00`

CIE-LAB	78.604, -32.199, 77.278
XYZ	40.284, 54.245, 8.607
xyY	0.391, 0.526, 54.245
CIE-LCH	78.604, 83.718, 112.619
CIE-LUV	78.604, -15.006, 88.474
Hunter-Lab	73.651, -31.258, 44.628
Binary	10101111, 11010000, 00001001

#afd009
```
#afd009 rgb(175,208,9)
```
#2a09d0
```
#2a09d0 rgb(42,9,208)
```

Complementary Color

#d08e09
```
#d08e09 rgb(208,142,9)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#4cd009
```
#4cd009 rgb(76,208,9)
```

Analogous Color

#8e09d0
```
#8e09d0 rgb(142,9,208)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#094cd0
```
#094cd0 rgb(9,76,208)
```

Split Complementary Color

#d009af
```
#d009af rgb(208,9,175)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#09afd0
```
#09afd0 rgb(9,175,208)
```

Triadic Color

#718706
```
#718706 rgb(113,135,6)
```
#869f07
```
#869f07 rgb(134,159,7)
```
#9ab808
```
#9ab808 rgb(154,184,8)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#c4e80a
```
#c4e80a rgb(196,232,10)
```
#d0f517
```
#d0f517 rgb(208,245,23)
```
#d5f62f
```
#d5f62f rgb(213,246,47)
```

Monochromatic Color

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

#d0bf09
```
#d0bf09 rgb(208,191,9)
```
#d0d009
```
#d0d009 rgb(208,208,9)
```
#c0d009
```
#c0d009 rgb(192,208,9)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#9ed009
```
#9ed009 rgb(158,208,9)
```
#8ed009
```
#8ed009 rgb(142,208,9)
```
#7dd009
```
#7dd009 rgb(125,208,9)
```

Similar Colors

Text with hexadecimal color #afd009

This text has a font color of #afd009.

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

#afd009 background color

This paragraph has a background color of #afd009.

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

#afd009 border color

This element has a border color of #afd009.

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

CSS codes

.text {color:#afd009;}

.background {background-color:#afd009;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111401
```
#111401 rgb(17,20,1)
```
#212702
```
#212702 rgb(33,39,2)
```
#303a02
```
#303a02 rgb(48,58,2)
```
#404c03
```
#404c03 rgb(64,76,3)
```
#505f04
```
#505f04 rgb(80,95,4)
```
#607205
```
#607205 rgb(96,114,5)
```
#708506
```
#708506 rgb(112,133,6)
```
#809807
```
#809807 rgb(128,152,7)
```
#8faa07
```
#8faa07 rgb(143,170,7)
```
#9fbd08
```
#9fbd08 rgb(159,189,8)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#bfe30a
```
#bfe30a rgb(191,227,10)
```

Shade Color Variation

#cef40c
```
#cef40c rgb(206,244,12)
```
#d2f51f
```
#d2f51f rgb(210,245,31)
```
#d5f631
```
#d5f631 rgb(213,246,49)
```
#d9f744
```
#d9f744 rgb(217,247,68)
```
#ddf857
```
#ddf857 rgb(221,248,87)
```
#e1f96a
```
#e1f96a rgb(225,249,106)
```
#e5f97d
```
#e5f97d rgb(229,249,125)
```
#e8fa8f
```
#e8fa8f rgb(232,250,143)
```
#ecfba2
```
#ecfba2 rgb(236,251,162)
```
#f0fcb5
```
#f0fcb5 rgb(240,252,181)
```
#f4fdc8
```
#f4fdc8 rgb(244,253,200)
```
#f8fddb
```
#f8fddb rgb(248,253,219)
```
#fbfeed
```
#fbfeed rgb(251,254,237)
```

Tint Color Variation

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

#727465
```
#727465 rgb(114,116,101)
```
#777d5c
```
#777d5c rgb(119,125,92)
```
#7d8554
```
#7d8554 rgb(125,133,84)
```
#828d4c
```
#828d4c rgb(130,141,76)
```
#889643
```
#889643 rgb(136,150,67)
```
#8e9e3b
```
#8e9e3b rgb(142,158,59)
```
#93a633
```
#93a633 rgb(147,166,51)
```
#99af2a
```
#99af2a rgb(153,175,42)
```
#9eb722
```
#9eb722 rgb(158,183,34)
```
#a4bf1a
```
#a4bf1a rgb(164,191,26)
```
#a9c811
```
#a9c811 rgb(169,200,17)
```
#afd009
```
#afd009 rgb(175,208,9)
```
#b5d801
```
#b5d801 rgb(181,216,1)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb68e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc60d Protanopia 1% of men
#f6bc2f Deuteranopia 1% of men
#c5c4d2 Tritanopia 0.001% of the population

Trichromacy

#ccc90c Protanomaly 1% of men, 0.01% of women
#dcc321 Deuteranomaly 6% of men, 0.4% of women
#bdc889 Tritanomaly 0.01% of the population