#afd604 hex color

In a RGB color space, hex #afd604 is composed of 68.6% red, 83.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 98.1% yellow and 16.1% black. It has a hue angle of 71.1 degrees, a saturation of 96.3% and a lightness of 42.7%. #afd604 color hex could be obtained by blending #ffff08 with #5fad00. 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

● #afd604 color description : Strong yellow.

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

Hex triplet	afd604	`#afd604`
RGB Decimal	175, 214, 4	`rgb(175,214,4)`
RGB Percent	68.6, 83.9, 1.6	`rgb(68.6%,83.9%,1.6%)`
CMYK	18, 0, 98, 16
HSL	71.1°, 96.3, 42.7	`hsl(71.1,96.3%,42.7%)`
HSV (or HSB)	71.1°, 98.1, 83.9
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.301, -35.016, 79.046
XYZ	41.747, 57.215, 8.959
xyY	0.387, 0.53, 57.215
CIE-LCH	80.301, 86.455, 113.893
CIE-LUV	80.301, -18.449, 91.07
Hunter-Lab	75.641, -33.855, 45.926
Binary	10101111, 11010110, 00000100

#afd604
```
#afd604 rgb(175,214,4)
```
#2b04d6
```
#2b04d6 rgb(43,4,214)
```

Complementary Color

#d69404
```
#d69404 rgb(214,148,4)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#46d604
```
#46d604 rgb(70,214,4)
```

Analogous Color

#9404d6
```
#9404d6 rgb(148,4,214)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#0446d6
```
#0446d6 rgb(4,70,214)
```

Split Complementary Color

#d604af
```
#d604af rgb(214,4,175)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#04afd6
```
#04afd6 rgb(4,175,214)
```

Triadic Color

#d62b04
```
#d62b04 rgb(214,43,4)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#04afd6
```
#04afd6 rgb(4,175,214)
```
#2b04d6
```
#2b04d6 rgb(43,4,214)
```

Tetradic Color

#728b03
```
#728b03 rgb(114,139,3)
```
#86a403
```
#86a403 rgb(134,164,3)
```
#9bbd04
```
#9bbd04 rgb(155,189,4)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#c3ef04
```
#c3ef04 rgb(195,239,4)
```
#cffb12
```
#cffb12 rgb(207,251,18)
```
#d4fb2b
```
#d4fb2b rgb(212,251,43)
```

Monochromatic Color

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

#d6c904
```
#d6c904 rgb(214,201,4)
```
#d2d604
```
#d2d604 rgb(210,214,4)
```
#c1d604
```
#c1d604 rgb(193,214,4)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#9ed604
```
#9ed604 rgb(158,214,4)
```
#8cd604
```
#8cd604 rgb(140,214,4)
```
#7bd604
```
#7bd604 rgb(123,214,4)
```

Similar Colors

Text with hexadecimal color #afd604

This text has a font color of #afd604.

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

#afd604 background color

This paragraph has a background color of #afd604.

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

#afd604 border color

This element has a border color of #afd604.

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

CSS codes

.text {color:#afd604;}

.background {background-color:#afd604;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121500
```
#121500 rgb(18,21,0)
```
#212901
```
#212901 rgb(33,41,1)
```
#313c01
```
#313c01 rgb(49,60,1)
```
#414f01
```
#414f01 rgb(65,79,1)
```
#516202
```
#516202 rgb(81,98,2)
```
#607602
```
#607602 rgb(96,118,2)
```
#708903
```
#708903 rgb(112,137,3)
```
#809c03
```
#809c03 rgb(128,156,3)
```
#90af03
```
#90af03 rgb(144,175,3)
```
#9fc304
```
#9fc304 rgb(159,195,4)
```
#afd604
```
#afd604 rgb(175,214,4)
```
#bfe904
```
#bfe904 rgb(191,233,4)
```

Shade Color Variation

#cdfa07
```
#cdfa07 rgb(205,250,7)
```
#d1fb1a
```
#d1fb1a rgb(209,251,26)
```
#d5fb2d
```
#d5fb2d rgb(213,251,45)
```
#d9fb41
```
#d9fb41 rgb(217,251,65)
```
#ddfc54
```
#ddfc54 rgb(221,252,84)
```
#e0fc67
```
#e0fc67 rgb(224,252,103)
```
#e4fd7a
```
#e4fd7a rgb(228,253,122)
```
#e8fd8e
```
#e8fd8e rgb(232,253,142)
```
#ecfda1
```
#ecfda1 rgb(236,253,161)
```
#f0feb4
```
#f0feb4 rgb(240,254,180)
```
#f4fec7
```
#f4fec7 rgb(244,254,199)
```
#f8fedb
```
#f8fedb rgb(248,254,219)
```
#fcffee
```
#fcffee rgb(252,255,238)
```

Tint Color Variation

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

#707169
```
#707169 rgb(112,113,105)
```
#757a60
```
#757a60 rgb(117,122,96)
```
#7a8258
```
#7a8258 rgb(122,130,88)
```
#808b4f
```
#808b4f rgb(128,139,79)
```
#859347
```
#859347 rgb(133,147,71)
```
#8a9b3f
```
#8a9b3f rgb(138,155,63)
```
#8fa436
```
#8fa436 rgb(143,164,54)
```
#95ac2e
```
#95ac2e rgb(149,172,46)
```
#9ab426
```
#9ab426 rgb(154,180,38)
```
#9fbd1d
```
#9fbd1d rgb(159,189,29)
```
#a4c515
```
#a4c515 rgb(164,197,21)
```
#aace0c
```
#aace0c rgb(170,206,12)
```
#afd604
```
#afd604 rgb(175,214,4)
```

Tone Color Variation

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

#e2ca00 Protanopia 1% of men
#fcc02e Deuteranopia 1% of men
#c6c9d8 Tritanopia 0.001% of the population

Trichromacy

#d0ce01 Protanomaly 1% of men, 0.01% of women
#e0c81f Deuteranomaly 6% of men, 0.4% of women
#bdce8a Tritanomaly 0.01% of the population

#afd604 hex color

#afd604 Color Information

#afd604 Color Conversion

Color Schemes with #afd604

Alternatives to #afd604

#afd604 Preview

Shades and Tints of #afd604

Tones of #afd604

Color Blindness Simulator