#afd214 hex color

In a RGB color space, hex #afd214 is composed of 68.6% red, 82.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 90.5% yellow and 17.6% black. It has a hue angle of 71.1 degrees, a saturation of 82.6% and a lightness of 45.1%. #afd214 color hex could be obtained by blending #ffff28 with #5fa500. Closest websafe color is: #99cc00.

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

● #afd214 color description : Strong yellow.

The hexadecimal color #afd214 has RGB values of R:175, G:210, B:20 and CMYK values of C:0.17, M:0, Y:0.9, K:0.18. Its decimal value is 11522580.

Hex triplet	afd214	`#afd214`
RGB Decimal	175, 210, 20	`rgb(175,210,20)`
RGB Percent	68.6, 82.4, 7.8	`rgb(68.6%,82.4%,7.8%)`
CMYK	17, 0, 90, 18
HSL	71.1°, 82.6, 45.1	`hsl(71.1,82.6%,45.1%)`
HSV (or HSB)	71.1°, 90.5, 82.4
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.189, -32.963, 76.436
XYZ	40.852, 55.257, 9.175
xyY	0.388, 0.525, 55.257
CIE-LCH	79.189, 83.241, 113.328
CIE-LUV	79.189, -16.181, 88.47
Hunter-Lab	74.335, -31.99, 44.716
Binary	10101111, 11010010, 00010100

#afd214
```
#afd214 rgb(175,210,20)
```
#3714d2
```
#3714d2 rgb(55,20,210)
```

Complementary Color

#d29614
```
#d29614 rgb(210,150,20)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#50d214
```
#50d214 rgb(80,210,20)
```

Analogous Color

#9614d2
```
#9614d2 rgb(150,20,210)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#1450d2
```
#1450d2 rgb(20,80,210)
```

Split Complementary Color

#d214af
```
#d214af rgb(210,20,175)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#14afd2
```
#14afd2 rgb(20,175,210)
```

Triadic Color

#d23714
```
#d23714 rgb(210,55,20)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#14afd2
```
#14afd2 rgb(20,175,210)
```
#3714d2
```
#3714d2 rgb(55,20,210)
```

Tetradic Color

#758c0d
```
#758c0d rgb(117,140,13)
```
#88a310
```
#88a310 rgb(136,163,16)
```
#9cbb12
```
#9cbb12 rgb(156,187,18)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#c2e917
```
#c2e917 rgb(194,233,23)
```
#c8eb2e
```
#c8eb2e rgb(200,235,46)
```
#ceed45
```
#ceed45 rgb(206,237,69)
```

Monochromatic Color

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

#d2c614
```
#d2c614 rgb(210,198,20)
```
#cfd214
```
#cfd214 rgb(207,210,20)
```
#bfd214
```
#bfd214 rgb(191,210,20)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#9fd214
```
#9fd214 rgb(159,210,20)
```
#8fd214
```
#8fd214 rgb(143,210,20)
```
#80d214
```
#80d214 rgb(128,210,20)
```

Similar Colors

Text with hexadecimal color #afd214

This text has a font color of #afd214.

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

#afd214 background color

This paragraph has a background color of #afd214.

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

#afd214 border color

This element has a border color of #afd214.

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

CSS codes

.text {color:#afd214;}

.background {background-color:#afd214;}

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

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

#0b0d01
```
#0b0d01 rgb(11,13,1)
```
#1a1f03
```
#1a1f03 rgb(26,31,3)
```
#293105
```
#293105 rgb(41,49,5)
```
#384306
```
#384306 rgb(56,67,6)
```
#475508
```
#475508 rgb(71,85,8)
```
#55670a
```
#55670a rgb(85,103,10)
```
#64780b
```
#64780b rgb(100,120,11)
```
#738a0d
```
#738a0d rgb(115,138,13)
```
#829c0f
```
#829c0f rgb(130,156,15)
```
#91ae11
```
#91ae11 rgb(145,174,17)
```
#a0c012
```
#a0c012 rgb(160,192,18)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#bee416
```
#bee416 rgb(190,228,22)
```

Shade Color Variation

#c5ea23
```
#c5ea23 rgb(197,234,35)
```
#caec35
```
#caec35 rgb(202,236,53)
```
#cfed47
```
#cfed47 rgb(207,237,71)
```
#d3ef59
```
#d3ef59 rgb(211,239,89)
```
#d8f16b
```
#d8f16b rgb(216,241,107)
```
#ddf37d
```
#ddf37d rgb(221,243,125)
```
#e2f48f
```
#e2f48f rgb(226,244,143)
```
#e6f6a1
```
#e6f6a1 rgb(230,246,161)
```
#ebf8b2
```
#ebf8b2 rgb(235,248,178)
```
#f0f9c4
```
#f0f9c4 rgb(240,249,196)
```
#f4fbd6
```
#f4fbd6 rgb(244,251,214)
```
#f9fde8
```
#f9fde8 rgb(249,253,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#777a6c
```
#777a6c rgb(119,122,108)
```
#7d8264
```
#7d8264 rgb(125,130,100)
```
#828b5b
```
#828b5b rgb(130,139,91)
```
#889452
```
#889452 rgb(136,148,82)
```
#8d9d49
```
#8d9d49 rgb(141,157,73)
```
#93a640
```
#93a640 rgb(147,166,64)
```
#99af37
```
#99af37 rgb(153,175,55)
```
#9eb72f
```
#9eb72f rgb(158,183,47)
```
#a4c026
```
#a4c026 rgb(164,192,38)
```
#a9c91d
```
#a9c91d rgb(169,201,29)
```
#afd214
```
#afd214 rgb(175,210,20)
```
#b5db0b
```
#b5db0b rgb(181,219,11)
```
#bae402
```
#bae402 rgb(186,228,2)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc71b Protanopia 1% of men
#f8bd34 Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb18 Protanomaly 1% of men, 0.01% of women
#ddc528 Deuteranomaly 6% of men, 0.4% of women
#bdca8e Tritanomaly 0.01% of the population

#afd214 hex color

#afd214 Color Information

#afd214 Color Conversion

Color Schemes with #afd214

Alternatives to #afd214

#afd214 Preview

Shades and Tints of #afd214

Tones of #afd214

Color Blindness Simulator