#afd407 hex color

In a RGB color space, hex #afd407 is composed of 68.6% red, 83.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 96.7% yellow and 16.9% black. It has a hue angle of 70.8 degrees, a saturation of 93.6% and a lightness of 42.9%. #afd407 color hex could be obtained by blending #ffff0e with #5fa900. Closest websafe color is: #99cc00.

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

● #afd407 color description : Strong yellow.

The hexadecimal color #afd407 has RGB values of R:175, G:212, B:7 and CMYK values of C:0.17, M:0, Y:0.97, K:0.17. Its decimal value is 11523079.

Hex triplet	afd407	`#afd407`
RGB Decimal	175, 212, 7	`rgb(175,212,7)`
RGB Percent	68.6, 83.1, 2.7	`rgb(68.6%,83.1%,2.7%)`
CMYK	17, 0, 97, 17
HSL	70.8°, 93.6, 42.9	`hsl(70.8,93.6%,42.9%)`
HSV (or HSB)	70.8°, 96.7, 83.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.737, -34.067, 78.337
XYZ	41.261, 56.216, 8.878
xyY	0.388, 0.529, 56.216
CIE-LCH	79.737, 85.424, 113.503
CIE-LUV	79.737, -17.311, 90.134
Hunter-Lab	74.977, -32.98, 45.464
Binary	10101111, 11010100, 00000111

#afd407
```
#afd407 rgb(175,212,7)
```
#2c07d4
```
#2c07d4 rgb(44,7,212)
```

Complementary Color

#d49307
```
#d49307 rgb(212,147,7)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#48d407
```
#48d407 rgb(72,212,7)
```

Analogous Color

#9307d4
```
#9307d4 rgb(147,7,212)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#0748d4
```
#0748d4 rgb(7,72,212)
```

Split Complementary Color

#d407af
```
#d407af rgb(212,7,175)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#07afd4
```
#07afd4 rgb(7,175,212)
```

Triadic Color

#d42c07
```
#d42c07 rgb(212,44,7)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#07afd4
```
#07afd4 rgb(7,175,212)
```
#2c07d4
```
#2c07d4 rgb(44,7,212)
```

Tetradic Color

#728a05
```
#728a05 rgb(114,138,5)
```
#86a305
```
#86a305 rgb(134,163,5)
```
#9bbb06
```
#9bbb06 rgb(155,187,6)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#c3ed08
```
#c3ed08 rgb(195,237,8)
```
#cff717
```
#cff717 rgb(207,247,23)
```
#d4f82f
```
#d4f82f rgb(212,248,47)
```

Monochromatic Color

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

#d4c607
```
#d4c607 rgb(212,198,7)
```
#d1d407
```
#d1d407 rgb(209,212,7)
```
#c0d407
```
#c0d407 rgb(192,212,7)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#9ed407
```
#9ed407 rgb(158,212,7)
```
#8dd407
```
#8dd407 rgb(141,212,7)
```
#7cd407
```
#7cd407 rgb(124,212,7)
```

Similar Colors

Text with hexadecimal color #afd407

This text has a font color of #afd407.

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

#afd407 background color

This paragraph has a background color of #afd407.

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

#afd407 border color

This element has a border color of #afd407.

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

CSS codes

.text {color:#afd407;}

.background {background-color:#afd407;}

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

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, #030300 is the darkest color, while #fcfeef is the lightest one.

#030300
```
#030300 rgb(3,3,0)
```
#121601
```
#121601 rgb(18,22,1)
```
#222901
```
#222901 rgb(34,41,1)
```
#323c02
```
#323c02 rgb(50,60,2)
```
#414f03
```
#414f03 rgb(65,79,3)
```
#516203
```
#516203 rgb(81,98,3)
```
#617504
```
#617504 rgb(97,117,4)
```
#708804
```
#708804 rgb(112,136,4)
```
#809b05
```
#809b05 rgb(128,155,5)
```
#90ae06
```
#90ae06 rgb(144,174,6)
```
#9fc106
```
#9fc106 rgb(159,193,6)
```
#afd407
```
#afd407 rgb(175,212,7)
```
#bfe708
```
#bfe708 rgb(191,231,8)
```

Shade Color Variation

#ccf70b
```
#ccf70b rgb(204,247,11)
```
#d0f81e
```
#d0f81e rgb(208,248,30)
```
#d4f831
```
#d4f831 rgb(212,248,49)
```
#d8f944
```
#d8f944 rgb(216,249,68)
```
#dcf957
```
#dcf957 rgb(220,249,87)
```
#e0fa6a
```
#e0fa6a rgb(224,250,106)
```
#e4fb7d
```
#e4fb7d rgb(228,251,125)
```
#e8fb90
```
#e8fb90 rgb(232,251,144)
```
#ecfca3
```
#ecfca3 rgb(236,252,163)
```
#f0fdb6
```
#f0fdb6 rgb(240,253,182)
```
#f4fdc9
```
#f4fdc9 rgb(244,253,201)
```
#f8fedc
```
#f8fedc rgb(248,254,220)
```
#fcfeef
```
#fcfeef rgb(252,254,239)
```

Tint Color Variation

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

#6e6f6c
```
#6e6f6c rgb(110,111,108)
```
#747764
```
#747764 rgb(116,119,100)
```
#79805b
```
#79805b rgb(121,128,91)
```
#7f8853
```
#7f8853 rgb(127,136,83)
```
#84914a
```
#84914a rgb(132,145,74)
```
#899942
```
#899942 rgb(137,153,66)
```
#8fa13a
```
#8fa13a rgb(143,161,58)
```
#94aa31
```
#94aa31 rgb(148,170,49)
```
#99b229
```
#99b229 rgb(153,178,41)
```
#9fbb20
```
#9fbb20 rgb(159,187,32)
```
#a4c318
```
#a4c318 rgb(164,195,24)
```
#aacc0f
```
#aacc0f rgb(170,204,15)
```
#afd407
```
#afd407 rgb(175,212,7)
```

Tone Color Variation

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

Dichromacy

#e1c907 Protanopia 1% of men
#fabf2f Deuteranopia 1% of men
#c5c7d6 Tritanopia 0.001% of the population

Trichromacy

#cecd07 Protanomaly 1% of men, 0.01% of women
#dec620 Deuteranomaly 6% of men, 0.4% of women
#bdcc8a Tritanomaly 0.01% of the population

#afd407 hex color

#afd407 Color Information

#afd407 Color Conversion

Color Schemes with #afd407

Alternatives to #afd407

#afd407 Preview

Shades and Tints of #afd407

Tones of #afd407

Color Blindness Simulator