#afd914 hex color

In a RGB color space, hex #afd914 is composed of 68.6% red, 85.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 90.8% yellow and 14.9% black. It has a hue angle of 72.8 degrees, a saturation of 83.1% and a lightness of 46.5%. #afd914 color hex could be obtained by blending #ffff28 with #5fb300. Closest websafe color is: #99cc00.

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

● #afd914 color description : Vivid yellow.

The hexadecimal color #afd914 has RGB values of R:175, G:217, B:20 and CMYK values of C:0.19, M:0, Y:0.91, K:0.15. Its decimal value is 11524372.

Hex triplet	afd914	`#afd914`
RGB Decimal	175, 217, 20	`rgb(175,217,20)`
RGB Percent	68.6, 85.1, 7.8	`rgb(68.6%,85.1%,7.8%)`
CMYK	19, 0, 91, 15
HSL	72.8°, 83.1, 46.5	`hsl(72.8,83.1%,46.5%)`
HSV (or HSB)	72.8°, 90.8, 85.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	81.176, -36.165, 78.024
XYZ	42.618, 58.79, 9.764
xyY	0.383, 0.529, 58.79
CIE-LCH	81.176, 85.998, 114.868
CIE-LUV	81.176, -20.159, 91.204
Hunter-Lab	76.674, -34.965, 46.122
Binary	10101111, 11011001, 00010100

#afd914
```
#afd914 rgb(175,217,20)
```
#3e14d9
```
#3e14d9 rgb(62,20,217)
```

Complementary Color

#d9a114
```
#d9a114 rgb(217,161,20)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#4dd914
```
#4dd914 rgb(77,217,20)
```

Analogous Color

#a114d9
```
#a114d9 rgb(161,20,217)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#144dd9
```
#144dd9 rgb(20,77,217)
```

Split Complementary Color

#d914af
```
#d914af rgb(217,20,175)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#14afd9
```
#14afd9 rgb(20,175,217)
```

Triadic Color

#d93e14
```
#d93e14 rgb(217,62,20)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#14afd9
```
#14afd9 rgb(20,175,217)
```
#3e14d9
```
#3e14d9 rgb(62,20,217)
```

Tetradic Color

#77930e
```
#77930e rgb(119,147,14)
```
#89aa10
```
#89aa10 rgb(137,170,16)
```
#9cc212
```
#9cc212 rgb(156,194,18)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#beea1c
```
#beea1c rgb(190,234,28)
```
#c5ec34
```
#c5ec34 rgb(197,236,52)
```
#ccee4b
```
#ccee4b rgb(204,238,75)
```

Monochromatic Color

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

#d9d214
```
#d9d214 rgb(217,210,20)
```
#d0d914
```
#d0d914 rgb(208,217,20)
```
#bfd914
```
#bfd914 rgb(191,217,20)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#9fd914
```
#9fd914 rgb(159,217,20)
```
#8ed914
```
#8ed914 rgb(142,217,20)
```
#7ed914
```
#7ed914 rgb(126,217,20)
```

Similar Colors

Text with hexadecimal color #afd914

This text has a font color of #afd914.

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

#afd914 background color

This paragraph has a background color of #afd914.

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

#afd914 border color

This element has a border color of #afd914.

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

CSS codes

.text {color:#afd914;}

.background {background-color:#afd914;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101302
```
#101302 rgb(16,19,2)
```
#1e2503
```
#1e2503 rgb(30,37,3)
```
#2d3705
```
#2d3705 rgb(45,55,5)
```
#3b4907
```
#3b4907 rgb(59,73,7)
```
#4a5b08
```
#4a5b08 rgb(74,91,8)
```
#586d0a
```
#586d0a rgb(88,109,10)
```
#677f0c
```
#677f0c rgb(103,127,12)
```
#75910d
```
#75910d rgb(117,145,13)
```
#84a30f
```
#84a30f rgb(132,163,15)
```
#92b511
```
#92b511 rgb(146,181,17)
```
#a1c712
```
#a1c712 rgb(161,199,18)
```
#afd914
```
#afd914 rgb(175,217,20)
```

Shade Color Variation

#bdea17
```
#bdea17 rgb(189,234,23)
```
#c2eb29
```
#c2eb29 rgb(194,235,41)
```
#c7ed3b
```
#c7ed3b rgb(199,237,59)
```
#ccef4d
```
#ccef4d rgb(204,239,77)
```
#d1f05f
```
#d1f05f rgb(209,240,95)
```
#d6f271
```
#d6f271 rgb(214,242,113)
```
#dcf483
```
#dcf483 rgb(220,244,131)
```
#e1f595
```
#e1f595 rgb(225,245,149)
```
#e6f7a7
```
#e6f7a7 rgb(230,247,167)
```
#ebf9b9
```
#ebf9b9 rgb(235,249,185)
```
#f0facb
```
#f0facb rgb(240,250,203)
```
#f5fcdd
```
#f5fcdd rgb(245,252,221)
```
#fafdef
```
#fafdef rgb(250,253,239)
```

Tint Color Variation

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

#7b7e6f
```
#7b7e6f rgb(123,126,111)
```
#808766
```
#808766 rgb(128,135,102)
```
#85905d
```
#85905d rgb(133,144,93)
```
#8a9954
```
#8a9954 rgb(138,153,84)
```
#90a24b
```
#90a24b rgb(144,162,75)
```
#95ab42
```
#95ab42 rgb(149,171,66)
```
#9ab538
```
#9ab538 rgb(154,181,56)
```
#9fbe2f
```
#9fbe2f rgb(159,190,47)
```
#a5c726
```
#a5c726 rgb(165,199,38)
```
#aad01d
```
#aad01d rgb(170,208,29)
```
#afd914
```
#afd914 rgb(175,217,20)
```
#b4e20b
```
#b4e20b rgb(180,226,11)
```
#b9eb02
```
#b9eb02 rgb(185,235,2)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bd96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc1a Protanopia 1% of men
#fec236 Deuteranopia 1% of men
#c6ccdb Tritanopia 0.001% of the population

Trichromacy

#d1d118 Protanomaly 1% of men, 0.01% of women
#e1ca29 Deuteranomaly 6% of men, 0.4% of women
#bed192 Tritanomaly 0.01% of the population

#afd914 hex color

#afd914 Color Information

#afd914 Color Conversion

Color Schemes with #afd914

Alternatives to #afd914

#afd914 Preview

Shades and Tints of #afd914

Tones of #afd914

Color Blindness Simulator