#afd504 hex color

In a RGB color space, hex #afd504 is composed of 68.6% red, 83.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 98.1% yellow and 16.5% black. It has a hue angle of 70.9 degrees, a saturation of 96.3% and a lightness of 42.5%. #afd504 color hex could be obtained by blending #ffff08 with #5fab00. Closest websafe color is: #99cc00.

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

● #afd504 color description : Strong yellow.

The hexadecimal color #afd504 has RGB values of R:175, G:213, B:4 and CMYK values of C:0.18, M:0, Y:0.98, K:0.16. Its decimal value is 11523332.

Hex triplet	afd504	`#afd504`
RGB Decimal	175, 213, 4	`rgb(175,213,4)`
RGB Percent	68.6, 83.5, 1.6	`rgb(68.6%,83.5%,1.6%)`
CMYK	18, 0, 98, 16
HSL	70.9°, 96.3, 42.5	`hsl(70.9,96.3%,42.5%)`
HSV (or HSB)	70.9°, 98.1, 83.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.017, -34.56, 78.83
XYZ	41.495, 56.711, 8.875
xyY	0.388, 0.53, 56.711
CIE-LCH	80.017, 86.072, 113.673
CIE-LUV	80.017, -17.879, 90.685
Hunter-Lab	75.307, -33.431, 45.727
Binary	10101111, 11010101, 00000100

#afd504
```
#afd504 rgb(175,213,4)
```
#2a04d5
```
#2a04d5 rgb(42,4,213)
```

Complementary Color

#d59304
```
#d59304 rgb(213,147,4)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#46d504
```
#46d504 rgb(70,213,4)
```

Analogous Color

#9304d5
```
#9304d5 rgb(147,4,213)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#0446d5
```
#0446d5 rgb(4,70,213)
```

Split Complementary Color

#d504af
```
#d504af rgb(213,4,175)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#04afd5
```
#04afd5 rgb(4,175,213)
```

Triadic Color

#d52a04
```
#d52a04 rgb(213,42,4)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#04afd5
```
#04afd5 rgb(4,175,213)
```
#2a04d5
```
#2a04d5 rgb(42,4,213)
```

Tetradic Color

#718a03
```
#718a03 rgb(113,138,3)
```
#86a303
```
#86a303 rgb(134,163,3)
```
#9abc04
```
#9abc04 rgb(154,188,4)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#c4ee04
```
#c4ee04 rgb(196,238,4)
```
#d0fb11
```
#d0fb11 rgb(208,251,17)
```
#d5fb2a
```
#d5fb2a rgb(213,251,42)
```

Monochromatic Color

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

#d5c704
```
#d5c704 rgb(213,199,4)
```
#d2d504
```
#d2d504 rgb(210,213,4)
```
#c0d504
```
#c0d504 rgb(192,213,4)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#9ed504
```
#9ed504 rgb(158,213,4)
```
#8cd504
```
#8cd504 rgb(140,213,4)
```
#7bd504
```
#7bd504 rgb(123,213,4)
```

Similar Colors

Text with hexadecimal color #afd504

This text has a font color of #afd504.

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

#afd504 background color

This paragraph has a background color of #afd504.

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

#afd504 border color

This element has a border color of #afd504.

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

CSS codes

.text {color:#afd504;}

.background {background-color:#afd504;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111400
```
#111400 rgb(17,20,0)
```
#212801
```
#212801 rgb(33,40,1)
```
#303b01
```
#303b01 rgb(48,59,1)
```
#404e01
```
#404e01 rgb(64,78,1)
```
#506102
```
#506102 rgb(80,97,2)
```
#607502
```
#607502 rgb(96,117,2)
```
#708803
```
#708803 rgb(112,136,3)
```
#809b03
```
#809b03 rgb(128,155,3)
```
#8fae03
```
#8fae03 rgb(143,174,3)
```
#9fc204
```
#9fc204 rgb(159,194,4)
```
#afd504
```
#afd504 rgb(175,213,4)
```
#bfe804
```
#bfe804 rgb(191,232,4)
```

Shade Color Variation

#cefa06
```
#cefa06 rgb(206,250,6)
```
#d2fb19
```
#d2fb19 rgb(210,251,25)
```
#d5fb2c
```
#d5fb2c rgb(213,251,44)
```
#d9fb40
```
#d9fb40 rgb(217,251,64)
```
#ddfc53
```
#ddfc53 rgb(221,252,83)
```
#e1fc66
```
#e1fc66 rgb(225,252,102)
```
#e5fc79
```
#e5fc79 rgb(229,252,121)
```
#e8fd8d
```
#e8fd8d rgb(232,253,141)
```
#ecfda0
```
#ecfda0 rgb(236,253,160)
```
#f0feb3
```
#f0feb3 rgb(240,254,179)
```
#f4fec6
```
#f4fec6 rgb(244,254,198)
```
#f8feda
```
#f8feda rgb(248,254,218)
```
#fbffed
```
#fbffed rgb(251,255,237)
```

Tint Color Variation

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

#6f7168
```
#6f7168 rgb(111,113,104)
```
#757960
```
#757960 rgb(117,121,96)
```
#7a8257
```
#7a8257 rgb(122,130,87)
```
#7f8a4f
```
#7f8a4f rgb(127,138,79)
```
#859247
```
#859247 rgb(133,146,71)
```
#8a9b3e
```
#8a9b3e rgb(138,155,62)
```
#8fa336
```
#8fa336 rgb(143,163,54)
```
#94ab2e
```
#94ab2e rgb(148,171,46)
```
#9ab425
```
#9ab425 rgb(154,180,37)
```
#9fbc1d
```
#9fbc1d rgb(159,188,29)
```
#a4c415
```
#a4c415 rgb(164,196,21)
```
#aacd0c
```
#aacd0c rgb(170,205,12)
```
#afd504
```
#afd504 rgb(175,213,4)
```

Tone Color Variation

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

Dichromacy

#e2c900 Protanopia 1% of men
#fbbf2e Deuteranopia 1% of men
#c6c8d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd01 Protanomaly 1% of men, 0.01% of women
#dfc71f Deuteranomaly 6% of men, 0.4% of women
#bdcd8a Tritanomaly 0.01% of the population

#afd504 hex color

#afd504 Color Information

#afd504 Color Conversion

Color Schemes with #afd504

Alternatives to #afd504

#afd504 Preview

Shades and Tints of #afd504

Tones of #afd504

Color Blindness Simulator