colorhexa.com

#afdc0f hex color

In a RGB color space, hex #afdc0f is composed of 68.6% red, 86.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 93.2% yellow and 13.7% black. It has a hue angle of 73.2 degrees, a saturation of 87.2% and a lightness of 46.1%. #afdc0f color hex could be obtained by blending #ffff1e with #5fb900. Closest websafe color is: #99cc00.

- R 69
- G 86
- B 6
RGB color chart
- C 20
- M 0
- Y 93
- K 14
CMYK color chart

● #afdc0f color description : Vivid yellow.

The hexadecimal color #afdc0f has RGB values of R:175, G:220, B:15 and CMYK values of C:0.2, M:0, Y:0.93, K:0.14. Its decimal value is 11525135.

Hex triplet	afdc0f	`#afdc0f`
RGB Decimal	175, 220, 15	`rgb(175,220,15)`
RGB Percent	68.6, 86.3, 5.9	`rgb(68.6%,86.3%,5.9%)`
CMYK	20, 0, 93, 14
HSL	73.2°, 87.2, 46.1	`hsl(73.2,87.2%,46.1%)`
HSV (or HSB)	73.2°, 93.2, 86.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.02, -37.598, 79.329
XYZ	43.358, 60.334, 9.813
xyY	0.382, 0.532, 60.334
CIE-LCH	82.02, 87.788, 115.359
CIE-LUV	82.02, -21.828, 92.757
Hunter-Lab	77.675, -36.293, 46.882
Binary	10101111, 11011100, 00001111

#afdc0f
```
#afdc0f rgb(175,220,15)
```
#3c0fdc
```
#3c0fdc rgb(60,15,220)
```

Complementary Color

#dca30f
```
#dca30f rgb(220,163,15)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#49dc0f
```
#49dc0f rgb(73,220,15)
```

Analogous Color

#a30fdc
```
#a30fdc rgb(163,15,220)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#0f49dc
```
#0f49dc rgb(15,73,220)
```

Split Complementary Color

#dc0faf
```
#dc0faf rgb(220,15,175)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#0fafdc
```
#0fafdc rgb(15,175,220)
```

Triadic Color

#dc3c0f
```
#dc3c0f rgb(220,60,15)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#0fafdc
```
#0fafdc rgb(15,175,220)
```
#3c0fdc
```
#3c0fdc rgb(60,15,220)
```

Tetradic Color

#76940a
```
#76940a rgb(118,148,10)
```
#89ac0c
```
#89ac0c rgb(137,172,12)
```
#9cc40d
```
#9cc40d rgb(156,196,13)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#bfef15
```
#bfef15 rgb(191,239,21)
```
#c6f12d
```
#c6f12d rgb(198,241,45)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```

Monochromatic Color

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

#dcd60f
```
#dcd60f rgb(220,214,15)
```
#d1dc0f
```
#d1dc0f rgb(209,220,15)
```
#c0dc0f
```
#c0dc0f rgb(192,220,15)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#9edc0f
```
#9edc0f rgb(158,220,15)
```
#8ddc0f
```
#8ddc0f rgb(141,220,15)
```
#7cdc0f
```
#7cdc0f rgb(124,220,15)
```

Similar Colors

Text with hexadecimal color #afdc0f

This text has a font color of #afdc0f.

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

#afdc0f background color

This paragraph has a background color of #afdc0f.

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

#afdc0f border color

This element has a border color of #afdc0f.

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

CSS codes

.text {color:#afdc0f;}

.background {background-color:#afdc0f;}

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

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

#0e1201
```
#0e1201 rgb(14,18,1)
```
#1d2402
```
#1d2402 rgb(29,36,2)
```
#2c3704
```
#2c3704 rgb(44,55,4)
```
#3a4905
```
#3a4905 rgb(58,73,5)
```
#495b06
```
#495b06 rgb(73,91,6)
```
#576e07
```
#576e07 rgb(87,110,7)
```
#668009
```
#668009 rgb(102,128,9)
```
#75930a
```
#75930a rgb(117,147,10)
```
#83a50b
```
#83a50b rgb(131,165,11)
```
#92b70c
```
#92b70c rgb(146,183,12)
```
#a0ca0e
```
#a0ca0e rgb(160,202,14)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#beee10
```
#beee10 rgb(190,238,16)
```

Shade Color Variation

#c3f022
```
#c3f022 rgb(195,240,34)
```
#c8f135
```
#c8f135 rgb(200,241,53)
```
#cdf247
```
#cdf247 rgb(205,242,71)
```
#d2f459
```
#d2f459 rgb(210,244,89)
```
#d7f56c
```
#d7f56c rgb(215,245,108)
```
#dcf67e
```
#dcf67e rgb(220,246,126)
```
#e1f790
```
#e1f790 rgb(225,247,144)
```
#e6f9a3
```
#e6f9a3 rgb(230,249,163)
```
#ebfab5
```
#ebfab5 rgb(235,250,181)
```
#f0fbc8
```
#f0fbc8 rgb(240,251,200)
```
#f5fcda
```
#f5fcda rgb(245,252,218)
```
#fafeec
```
#fafeec rgb(250,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#777972
```
#777972 rgb(119,121,114)
```
#7c8269
```
#7c8269 rgb(124,130,105)
```
#818b60
```
#818b60 rgb(129,139,96)
```
#869457
```
#869457 rgb(134,148,87)
```
#8c9d4e
```
#8c9d4e rgb(140,157,78)
```
#91a645
```
#91a645 rgb(145,166,69)
```
#96af3c
```
#96af3c rgb(150,175,60)
```
#9bb833
```
#9bb833 rgb(155,184,51)
```
#a0c12a
```
#a0c12a rgb(160,193,42)
```
#a5ca21
```
#a5ca21 rgb(165,202,33)
```
#aad318
```
#aad318 rgb(170,211,24)
```
#afdc0f
```
#afdc0f rgb(175,220,15)
```
#b4e506
```
#b4e506 rgb(180,229,6)
```

Tone Color Variation

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

Dichromacy

#e7cf14 Protanopia 1% of men
#ffc54c Deuteranopia 1% of men
#c7cfdd Tritanopia 0.001% of the population

Trichromacy

#d3d312 Protanomaly 1% of men, 0.01% of women
#e1cd36 Deuteranomaly 6% of men, 0.4% of women
#bed392 Tritanomaly 0.01% of the population