#afdd0a hex color

In a RGB color space, hex #afdd0a is composed of 68.6% red, 86.7% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 95.5% yellow and 13.3% black. It has a hue angle of 73.1 degrees, a saturation of 91.3% and a lightness of 45.3%. #afdd0a color hex could be obtained by blending #ffff14 with #5fbb00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 87
- B 4
RGB color chart
- C 21
- M 0
- Y 95
- K 13
CMYK color chart

● #afdd0a color description : Vivid yellow.

The hexadecimal color #afdd0a has RGB values of R:175, G:221, B:10 and CMYK values of C:0.21, M:0, Y:0.95, K:0.13. Its decimal value is 11525386.

Hex triplet	afdd0a	`#afdd0a`
RGB Decimal	175, 221, 10	`rgb(175,221,10)`
RGB Percent	68.6, 86.7, 3.9	`rgb(68.6%,86.7%,3.9%)`
CMYK	21, 0, 95, 13
HSL	73.1°, 91.3, 45.3	`hsl(73.1,91.3%,45.3%)`
HSV (or HSB)	73.1°, 95.5, 86.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.297, -38.11, 80.045
XYZ	43.59, 60.848, 9.736
xyY	0.382, 0.533, 60.848
CIE-LCH	82.297, 88.654, 115.459
CIE-LUV	82.297, -22.379, 93.446
Hunter-Lab	78.005, -36.762, 47.204
Binary	10101111, 11011101, 00001010

#afdd0a
```
#afdd0a rgb(175,221,10)
```
#380add
```
#380add rgb(56,10,221)
```

Complementary Color

#dda20a
```
#dda20a rgb(221,162,10)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#46dd0a
```
#46dd0a rgb(70,221,10)
```

Analogous Color

#a20add
```
#a20add rgb(162,10,221)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#0a46dd
```
#0a46dd rgb(10,70,221)
```

Split Complementary Color

#dd0aaf
```
#dd0aaf rgb(221,10,175)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#0aafdd
```
#0aafdd rgb(10,175,221)
```

Triadic Color

#dd380a
```
#dd380a rgb(221,56,10)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#0aafdd
```
#0aafdd rgb(10,175,221)
```
#380add
```
#380add rgb(56,10,221)
```

Tetradic Color

#759407
```
#759407 rgb(117,148,7)
```
#88ac08
```
#88ac08 rgb(136,172,8)
```
#9cc509
```
#9cc509 rgb(156,197,9)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#c2f40c
```
#c2f40c rgb(194,244,12)
```
#c8f525
```
#c8f525 rgb(200,245,37)
```
#cef63d
```
#cef63d rgb(206,246,61)
```

Monochromatic Color

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

#ddd60a
```
#ddd60a rgb(221,214,10)
```
#d2dd0a
```
#d2dd0a rgb(210,221,10)
```
#c1dd0a
```
#c1dd0a rgb(193,221,10)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#9ddd0a
```
#9ddd0a rgb(157,221,10)
```
#8cdd0a
```
#8cdd0a rgb(140,221,10)
```
#7add0a
```
#7add0a rgb(122,221,10)
```

Similar Colors

Text with hexadecimal color #afdd0a

This text has a font color of #afdd0a.

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

#afdd0a background color

This paragraph has a background color of #afdd0a.

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

#afdd0a border color

This element has a border color of #afdd0a.

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

CSS codes

.text {color:#afdd0a;}

.background {background-color:#afdd0a;}

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

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

#0c0f01
```
#0c0f01 rgb(12,15,1)
```
#1a2102
```
#1a2102 rgb(26,33,2)
```
#293402
```
#293402 rgb(41,52,2)
```
#384703
```
#384703 rgb(56,71,3)
```
#475a04
```
#475a04 rgb(71,90,4)
```
#566c05
```
#566c05 rgb(86,108,5)
```
#657f06
```
#657f06 rgb(101,127,6)
```
#749207
```
#749207 rgb(116,146,7)
```
#82a507
```
#82a507 rgb(130,165,7)
```
#91b708
```
#91b708 rgb(145,183,8)
```
#a0ca09
```
#a0ca09 rgb(160,202,9)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#bef00b
```
#bef00b rgb(190,240,11)
```

Shade Color Variation

#c5f51a
```
#c5f51a rgb(197,245,26)
```
#caf52c
```
#caf52c rgb(202,245,44)
```
#cef63f
```
#cef63f rgb(206,246,63)
```
#d3f752
```
#d3f752 rgb(211,247,82)
```
#d8f865
```
#d8f865 rgb(216,248,101)
```
#ddf977
```
#ddf977 rgb(221,249,119)
```
#e1fa8a
```
#e1fa8a rgb(225,250,138)
```
#e6fb9d
```
#e6fb9d rgb(230,251,157)
```
#ebfbb0
```
#ebfbb0 rgb(235,251,176)
```
#f0fcc3
```
#f0fcc3 rgb(240,252,195)
```
#f4fdd5
```
#f4fdd5 rgb(244,253,213)
```
#f9fee8
```
#f9fee8 rgb(249,254,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#787b6c
```
#787b6c rgb(120,123,108)
```
#7d8463
```
#7d8463 rgb(125,132,99)
```
#828d5a
```
#828d5a rgb(130,141,90)
```
#879651
```
#879651 rgb(135,150,81)
```
#8c9f48
```
#8c9f48 rgb(140,159,72)
```
#91a83f
```
#91a83f rgb(145,168,63)
```
#96b136
```
#96b136 rgb(150,177,54)
```
#9bb92e
```
#9bb92e rgb(155,185,46)
```
#a0c225
```
#a0c225 rgb(160,194,37)
```
#a5cb1c
```
#a5cb1c rgb(165,203,28)
```
#aad413
```
#aad413 rgb(170,212,19)
```
#afdd0a
```
#afdd0a rgb(175,221,10)
```
#b4e601
```
#b4e601 rgb(180,230,1)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bf94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf0c Protanopia 1% of men
#ffc653 Deuteranopia 1% of men
#c7cfde Tritanopia 0.001% of the population

Trichromacy

#d3d40b Protanomaly 1% of men, 0.01% of women
#e1ce38 Deuteranomaly 6% of men, 0.4% of women
#bed491 Tritanomaly 0.01% of the population

#afdd0a hex color

#afdd0a Color Information

#afdd0a Color Conversion

Color Schemes with #afdd0a

Alternatives to #afdd0a

#afdd0a Preview

Shades and Tints of #afdd0a

Tones of #afdd0a

Color Blindness Simulator