colorhexa.com

#afd60d hex color

In a RGB color space, hex #afd60d is composed of 68.6% red, 83.9% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 93.9% yellow and 16.1% black. It has a hue angle of 71.6 degrees, a saturation of 88.5% and a lightness of 44.5%. #afd60d color hex could be obtained by blending #ffff1a with #5fad00. Closest websafe color is: #99cc00.

- R 69
- G 84
- B 5
RGB color chart
- C 18
- M 0
- Y 94
- K 16
CMYK color chart

● #afd60d color description : Strong yellow.

The hexadecimal color #afd60d has RGB values of R:175, G:214, B:13 and CMYK values of C:0.18, M:0, Y:0.94, K:0.16. Its decimal value is 11523597.

Hex triplet	afd60d	`#afd60d`
RGB Decimal	175, 214, 13	`rgb(175,214,13)`
RGB Percent	68.6, 83.9, 5.1	`rgb(68.6%,83.9%,5.1%)`
CMYK	18, 0, 94, 16
HSL	71.6°, 88.5, 44.5	`hsl(71.6,88.5%,44.5%)`
HSV (or HSB)	71.6°, 93.9, 83.9
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.312, -34.911, 78.21
XYZ	41.798, 57.236, 9.226
xyY	0.386, 0.529, 57.236
CIE-LCH	80.312, 85.648, 114.055
CIE-LUV	80.312, -18.457, 90.565
Hunter-Lab	75.654, -33.776, 45.727
Binary	10101111, 11010110, 00001101

#afd60d
```
#afd60d rgb(175,214,13)
```
#340dd6
```
#340dd6 rgb(52,13,214)
```

Complementary Color

#d6990d
```
#d6990d rgb(214,153,13)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#4bd60d
```
#4bd60d rgb(75,214,13)
```

Analogous Color

#990dd6
```
#990dd6 rgb(153,13,214)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#0d4bd6
```
#0d4bd6 rgb(13,75,214)
```

Split Complementary Color

#d60daf
```
#d60daf rgb(214,13,175)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#0dafd6
```
#0dafd6 rgb(13,175,214)
```

Triadic Color

#d6340d
```
#d6340d rgb(214,52,13)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#0dafd6
```
#0dafd6 rgb(13,175,214)
```
#340dd6
```
#340dd6 rgb(52,13,214)
```

Tetradic Color

#748e09
```
#748e09 rgb(116,142,9)
```
#88a60a
```
#88a60a rgb(136,166,10)
```
#9bbe0c
```
#9bbe0c rgb(155,190,12)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#c3ee0e
```
#c3ee0e rgb(195,238,14)
```
#caf224
```
#caf224 rgb(202,242,36)
```
#d0f33c
```
#d0f33c rgb(208,243,60)
```

Monochromatic Color

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

#d6cb0d
```
#d6cb0d rgb(214,203,13)
```
#d1d60d
```
#d1d60d rgb(209,214,13)
```
#c0d60d
```
#c0d60d rgb(192,214,13)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#9ed60d
```
#9ed60d rgb(158,214,13)
```
#8ed60d
```
#8ed60d rgb(142,214,13)
```
#7dd60d
```
#7dd60d rgb(125,214,13)
```

Similar Colors

Text with hexadecimal color #afd60d

This text has a font color of #afd60d.

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

#afd60d background color

This paragraph has a background color of #afd60d.

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

#afd60d border color

This element has a border color of #afd60d.

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

CSS codes

.text {color:#afd60d;}

.background {background-color:#afd60d;}

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

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, #090b01 is the darkest color, while #fdfff7 is the lightest one.

#090b01
```
#090b01 rgb(9,11,1)
```
#181d02
```
#181d02 rgb(24,29,2)
```
#273003
```
#273003 rgb(39,48,3)
```
#364204
```
#364204 rgb(54,66,4)
```
#455505
```
#455505 rgb(69,85,5)
```
#546706
```
#546706 rgb(84,103,6)
```
#637a07
```
#637a07 rgb(99,122,7)
```
#738c09
```
#738c09 rgb(115,140,9)
```
#829f0a
```
#829f0a rgb(130,159,10)
```
#91b10b
```
#91b10b rgb(145,177,11)
```
#a0c40c
```
#a0c40c rgb(160,196,12)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#bee80e
```
#bee80e rgb(190,232,14)
```

Shade Color Variation

#c7f119
```
#c7f119 rgb(199,241,25)
```
#ccf22c
```
#ccf22c rgb(204,242,44)
```
#d0f33e
```
#d0f33e rgb(208,243,62)
```
#d5f451
```
#d5f451 rgb(213,244,81)
```
#d9f663
```
#d9f663 rgb(217,246,99)
```
#def776
```
#def776 rgb(222,247,118)
```
#e2f888
```
#e2f888 rgb(226,248,136)
```
#e7f99b
```
#e7f99b rgb(231,249,155)
```
#ebfaad
```
#ebfaad rgb(235,250,173)
```
#f0fbc0
```
#f0fbc0 rgb(240,251,192)
```
#f4fcd2
```
#f4fcd2 rgb(244,252,210)
```
#f9fde5
```
#f9fde5 rgb(249,253,229)
```
#fdfff7
```
#fdfff7 rgb(253,255,247)
```

Tint Color Variation

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

#74766d
```
#74766d rgb(116,118,109)
```
#7a7f64
```
#7a7f64 rgb(122,127,100)
```
#7f875c
```
#7f875c rgb(127,135,92)
```
#849053
```
#849053 rgb(132,144,83)
```
#8a994a
```
#8a994a rgb(138,153,74)
```
#8fa241
```
#8fa241 rgb(143,162,65)
```
#94aa39
```
#94aa39 rgb(148,170,57)
```
#9ab330
```
#9ab330 rgb(154,179,48)
```
#9fbc27
```
#9fbc27 rgb(159,188,39)
```
#a4c51e
```
#a4c51e rgb(164,197,30)
```
#aacd16
```
#aacd16 rgb(170,205,22)
```
#afd60d
```
#afd60d rgb(175,214,13)
```
#b4df04
```
#b4df04 rgb(180,223,4)
```

Tone Color Variation

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

Dichromacy

#e2ca12 Protanopia 1% of men
#fcc032 Deuteranopia 1% of men
#c6c9d8 Tritanopia 0.001% of the population

Trichromacy

#cfce10 Protanomaly 1% of men, 0.01% of women
#e0c824 Deuteranomaly 6% of men, 0.4% of women
#bdce8e Tritanomaly 0.01% of the population