#afd414 hex color

In a RGB color space, hex #afd414 is composed of 68.6% red, 83.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 90.6% yellow and 16.9% black. It has a hue angle of 71.6 degrees, a saturation of 82.8% and a lightness of 45.5%. #afd414 color hex could be obtained by blending #ffff28 with #5fa900. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 83
- B 8
RGB color chart
- C 17
- M 0
- Y 91
- K 17
CMYK color chart

● #afd414 color description : Strong yellow.

The hexadecimal color #afd414 has RGB values of R:175, G:212, B:20 and CMYK values of C:0.17, M:0, Y:0.91, K:0.17. Its decimal value is 11523092.

Hex triplet	afd414	`#afd414`
RGB Decimal	175, 212, 20	`rgb(175,212,20)`
RGB Percent	68.6, 83.1, 7.8	`rgb(68.6%,83.1%,7.8%)`
CMYK	17, 0, 91, 17
HSL	71.6°, 82.8, 45.5	`hsl(71.6,82.8%,45.5%)`
HSV (or HSB)	71.6°, 90.6, 83.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.756, -33.885, 76.889
XYZ	41.349, 56.251, 9.341
xyY	0.387, 0.526, 56.251
CIE-LCH	79.756, 84.025, 113.783
CIE-LUV	79.756, -17.328, 89.252
Hunter-Lab	75.001, -32.843, 45.116
Binary	10101111, 11010100, 00010100

#afd414
```
#afd414 rgb(175,212,20)
```
#3914d4
```
#3914d4 rgb(57,20,212)
```

Complementary Color

#d49914
```
#d49914 rgb(212,153,20)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#4fd414
```
#4fd414 rgb(79,212,20)
```

Analogous Color

#9914d4
```
#9914d4 rgb(153,20,212)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#144fd4
```
#144fd4 rgb(20,79,212)
```

Split Complementary Color

#d414af
```
#d414af rgb(212,20,175)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#14afd4
```
#14afd4 rgb(20,175,212)
```

Triadic Color

#d43914
```
#d43914 rgb(212,57,20)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#14afd4
```
#14afd4 rgb(20,175,212)
```
#3914d4
```
#3914d4 rgb(57,20,212)
```

Tetradic Color

#758e0d
```
#758e0d rgb(117,142,13)
```
#89a510
```
#89a510 rgb(137,165,16)
```
#9cbd12
```
#9cbd12 rgb(156,189,18)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#c1e918
```
#c1e918 rgb(193,233,24)
```
#c7eb30
```
#c7eb30 rgb(199,235,48)
```
#cdee47
```
#cdee47 rgb(205,238,71)
```

Monochromatic Color

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

#d4c914
```
#d4c914 rgb(212,201,20)
```
#cfd414
```
#cfd414 rgb(207,212,20)
```
#bfd414
```
#bfd414 rgb(191,212,20)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#9fd414
```
#9fd414 rgb(159,212,20)
```
#8fd414
```
#8fd414 rgb(143,212,20)
```
#7fd414
```
#7fd414 rgb(127,212,20)
```

Similar Colors

Text with hexadecimal color #afd414

This text has a font color of #afd414.

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

#afd414 background color

This paragraph has a background color of #afd414.

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

#afd414 border color

This element has a border color of #afd414.

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

CSS codes

.text {color:#afd414;}

.background {background-color:#afd414;}

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

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 #fefffc is the lightest one.

#0c0f01
```
#0c0f01 rgb(12,15,1)
```
#1b2103
```
#1b2103 rgb(27,33,3)
```
#2a3305
```
#2a3305 rgb(42,51,5)
```
#394506
```
#394506 rgb(57,69,6)
```
#475708
```
#475708 rgb(71,87,8)
```
#56680a
```
#56680a rgb(86,104,10)
```
#657a0c
```
#657a0c rgb(101,122,12)
```
#748c0d
```
#748c0d rgb(116,140,13)
```
#839e0f
```
#839e0f rgb(131,158,15)
```
#91b011
```
#91b011 rgb(145,176,17)
```
#a0c212
```
#a0c212 rgb(160,194,18)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#bee616
```
#bee616 rgb(190,230,22)
```

Shade Color Variation

#c4ea25
```
#c4ea25 rgb(196,234,37)
```
#c9ec37
```
#c9ec37 rgb(201,236,55)
```
#ceee49
```
#ceee49 rgb(206,238,73)
```
#d3ef5b
```
#d3ef5b rgb(211,239,91)
```
#d8f16d
```
#d8f16d rgb(216,241,109)
```
#dcf37e
```
#dcf37e rgb(220,243,126)
```
#e1f590
```
#e1f590 rgb(225,245,144)
```
#e6f6a2
```
#e6f6a2 rgb(230,246,162)
```
#ebf8b4
```
#ebf8b4 rgb(235,248,180)
```
#f0fac6
```
#f0fac6 rgb(240,250,198)
```
#f5fbd8
```
#f5fbd8 rgb(245,251,216)
```
#f9fdea
```
#f9fdea rgb(249,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#787b6d
```
#787b6d rgb(120,123,109)
```
#7e8464
```
#7e8464 rgb(126,132,100)
```
#838d5b
```
#838d5b rgb(131,141,91)
```
#899652
```
#899652 rgb(137,150,82)
```
#8e9e4a
```
#8e9e4a rgb(142,158,74)
```
#94a741
```
#94a741 rgb(148,167,65)
```
#99b038
```
#99b038 rgb(153,176,56)
```
#9fb92f
```
#9fb92f rgb(159,185,47)
```
#a4c226
```
#a4c226 rgb(164,194,38)
```
#aacb1d
```
#aacb1d rgb(170,203,29)
```
#afd414
```
#afd414 rgb(175,212,20)
```
#b4dd0b
```
#b4dd0b rgb(180,221,11)
```
#bae602
```
#bae602 rgb(186,230,2)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2ba93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c91b Protanopia 1% of men
#fabf34 Deuteranopia 1% of men
#c5c8d6 Tritanopia 0.001% of the population

Trichromacy

#cecd18 Protanomaly 1% of men, 0.01% of women
#dec628 Deuteranomaly 6% of men, 0.4% of women
#bdcc8f Tritanomaly 0.01% of the population

#afd414 hex color

#afd414 Color Information

#afd414 Color Conversion

Color Schemes with #afd414

Alternatives to #afd414

#afd414 Preview

Shades and Tints of #afd414

Tones of #afd414

Color Blindness Simulator