#afd700 hex color

In a RGB color space, hex #afd700 is composed of 68.6% red, 84.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 100% yellow and 15.7% black. It has a hue angle of 71.2 degrees, a saturation of 100% and a lightness of 42.2%. #afd700 color hex could be obtained by blending #ffff00 with #5faf00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 84
- B 0
RGB color chart
- C 19
- M 0
- Y 100
- K 16
CMYK color chart

● #afd700 color description : Strong yellow.

The hexadecimal color #afd700 has RGB values of R:175, G:215, B:0 and CMYK values of C:0.19, M:0, Y:1, K:0.16. Its decimal value is 11523840.

Hex triplet	afd700	`#afd700`
RGB Decimal	175, 215, 0	`rgb(175,215,0)`
RGB Percent	68.6, 84.3, 0	`rgb(68.6%,84.3%,0%)`
CMYK	19, 0, 100, 16
HSL	71.2°, 100, 42.2	`hsl(71.2,100%,42.2%)`
HSV (or HSB)	71.2°, 100, 84.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.58, -35.517, 79.627
XYZ	41.979, 57.714, 8.928
xyY	0.386, 0.531, 57.714
CIE-LCH	80.58, 87.189, 114.039
CIE-LUV	80.58, -19.012, 91.672
Hunter-Lab	75.97, -34.313, 46.211
Binary	10101111, 11010111, 00000000

#afd700
```
#afd700 rgb(175,215,0)
```
#2800d7
```
#2800d7 rgb(40,0,215)
```

Complementary Color

#d79400
```
#d79400 rgb(215,148,0)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#44d700
```
#44d700 rgb(68,215,0)
```

Analogous Color

#9400d7
```
#9400d7 rgb(148,0,215)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#0043d7
```
#0043d7 rgb(0,67,215)
```

Split Complementary Color

#d700af
```
#d700af rgb(215,0,175)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#00afd7
```
#00afd7 rgb(0,175,215)
```

Triadic Color

#d72800
```
#d72800 rgb(215,40,0)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#00afd7
```
#00afd7 rgb(0,175,215)
```
#2800d7
```
#2800d7 rgb(40,0,215)
```

Tetradic Color

#718b00
```
#718b00 rgb(113,139,0)
```
#85a400
```
#85a400 rgb(133,164,0)
```
#9abe00
```
#9abe00 rgb(154,190,0)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#c4f100
```
#c4f100 rgb(196,241,0)
```
#d2ff0b
```
#d2ff0b rgb(210,255,11)
```
#d6ff25
```
#d6ff25 rgb(214,255,37)
```

Monochromatic Color

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

#d7c900
```
#d7c900 rgb(215,201,0)
```
#d3d700
```
#d3d700 rgb(211,215,0)
```
#c1d700
```
#c1d700 rgb(193,215,0)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#9dd700
```
#9dd700 rgb(157,215,0)
```
#8bd700
```
#8bd700 rgb(139,215,0)
```
#79d700
```
#79d700 rgb(121,215,0)
```

Similar Colors

Text with hexadecimal color #afd700

This text has a font color of #afd700.

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

#afd700 background color

This paragraph has a background color of #afd700.

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

#afd700 border color

This element has a border color of #afd700.

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

CSS codes

.text {color:#afd700;}

.background {background-color:#afd700;}

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

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

#0f1300
```
#0f1300 rgb(15,19,0)
```
#1f2600
```
#1f2600 rgb(31,38,0)
```
#2f3a00
```
#2f3a00 rgb(47,58,0)
```
#3f4e00
```
#3f4e00 rgb(63,78,0)
```
#4f6100
```
#4f6100 rgb(79,97,0)
```
#5f7500
```
#5f7500 rgb(95,117,0)
```
#6f8900
```
#6f8900 rgb(111,137,0)
```
#7f9c00
```
#7f9c00 rgb(127,156,0)
```
#8fb000
```
#8fb000 rgb(143,176,0)
```
#9fc300
```
#9fc300 rgb(159,195,0)
```
#afd700
```
#afd700 rgb(175,215,0)
```
#bfeb00
```
#bfeb00 rgb(191,235,0)
```
#cffe00
```
#cffe00 rgb(207,254,0)
```

Shade Color Variation

#d3ff13
```
#d3ff13 rgb(211,255,19)
```
#d7ff26
```
#d7ff26 rgb(215,255,38)
```
#daff3a
```
#daff3a rgb(218,255,58)
```
#deff4e
```
#deff4e rgb(222,255,78)
```
#e2ff61
```
#e2ff61 rgb(226,255,97)
```
#e5ff75
```
#e5ff75 rgb(229,255,117)
```
#e9ff89
```
#e9ff89 rgb(233,255,137)
```
#edff9c
```
#edff9c rgb(237,255,156)
```
#f0ffb0
```
#f0ffb0 rgb(240,255,176)
```
#f4ffc3
```
#f4ffc3 rgb(244,255,195)
```
#f8ffd7
```
#f8ffd7 rgb(248,255,215)
```
#fbffeb
```
#fbffeb rgb(251,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#717463
```
#717463 rgb(113,116,99)
```
#767c5b
```
#767c5b rgb(118,124,91)
```
#7b8453
```
#7b8453 rgb(123,132,83)
```
#808d4a
```
#808d4a rgb(128,141,74)
```
#859542
```
#859542 rgb(133,149,66)
```
#8b9d3a
```
#8b9d3a rgb(139,157,58)
```
#90a532
```
#90a532 rgb(144,165,50)
```
#95ae29
```
#95ae29 rgb(149,174,41)
```
#9ab621
```
#9ab621 rgb(154,182,33)
```
#9fbe19
```
#9fbe19 rgb(159,190,25)
```
#a5c611
```
#a5c611 rgb(165,198,17)
```
#aacf08
```
#aacf08 rgb(170,207,8)
```
#afd700
```
#afd700 rgb(175,215,0)
```

Tone Color Variation

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

Dichromacy

#e3cb00 Protanopia 1% of men
#fdc12d Deuteranopia 1% of men
#c6cad9 Tritanopia 0.001% of the population

Trichromacy

#d0cf00 Protanomaly 1% of men, 0.01% of women
#e0c91d Deuteranomaly 6% of men, 0.4% of women
#bdcf8a Tritanomaly 0.01% of the population

#afd700 hex color

#afd700 Color Information

#afd700 Color Conversion

Color Schemes with #afd700

Alternatives to #afd700

#afd700 Preview

Shades and Tints of #afd700

Tones of #afd700

Color Blindness Simulator