#afd513 hex color

In a RGB color space, hex #afd513 is composed of 68.6% red, 83.5% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 91.1% yellow and 16.5% black. It has a hue angle of 71.8 degrees, a saturation of 83.6% and a lightness of 45.5%. #afd513 color hex could be obtained by blending #ffff26 with #5fab00. Closest websafe color is: #99cc00.

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

● #afd513 color description : Strong yellow.

The hexadecimal color #afd513 has RGB values of R:175, G:213, B:19 and CMYK values of C:0.18, M:0, Y:0.91, K:0.16. Its decimal value is 11523347.

Hex triplet	afd513	`#afd513`
RGB Decimal	175, 213, 19	`rgb(175,213,19)`
RGB Percent	68.6, 83.5, 7.5	`rgb(68.6%,83.5%,7.5%)`
CMYK	18, 0, 91, 16
HSL	71.8°, 83.6, 45.5	`hsl(71.8,83.6%,45.5%)`
HSV (or HSB)	71.8°, 91.1, 83.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	80.038, -34.361, 77.257
XYZ	41.591, 56.749, 9.379
xyY	0.386, 0.527, 56.749
CIE-LCH	80.038, 84.554, 113.978
CIE-LUV	80.038, -17.897, 89.73
Hunter-Lab	75.332, -33.282, 45.351
Binary	10101111, 11010101, 00010011

#afd513
```
#afd513 rgb(175,213,19)
```
#3913d5
```
#3913d5 rgb(57,19,213)
```

Complementary Color

#d59a13
```
#d59a13 rgb(213,154,19)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#4ed513
```
#4ed513 rgb(78,213,19)
```

Analogous Color

#9a13d5
```
#9a13d5 rgb(154,19,213)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#134ed5
```
#134ed5 rgb(19,78,213)
```

Split Complementary Color

#d513af
```
#d513af rgb(213,19,175)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#13afd5
```
#13afd5 rgb(19,175,213)
```

Triadic Color

#d53913
```
#d53913 rgb(213,57,19)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#13afd5
```
#13afd5 rgb(19,175,213)
```
#3913d5
```
#3913d5 rgb(57,19,213)
```

Tetradic Color

#758f0d
```
#758f0d rgb(117,143,13)
```
#89a60f
```
#89a60f rgb(137,166,15)
```
#9cbe11
```
#9cbe11 rgb(156,190,17)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#c1ea17
```
#c1ea17 rgb(193,234,23)
```
#c7ec2f
```
#c7ec2f rgb(199,236,47)
```
#cdee46
```
#cdee46 rgb(205,238,70)
```

Monochromatic Color

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

#d5cb13
```
#d5cb13 rgb(213,203,19)
```
#cfd513
```
#cfd513 rgb(207,213,19)
```
#bfd513
```
#bfd513 rgb(191,213,19)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#9fd513
```
#9fd513 rgb(159,213,19)
```
#8fd513
```
#8fd513 rgb(143,213,19)
```
#7fd513
```
#7fd513 rgb(127,213,19)
```

Similar Colors

Text with hexadecimal color #afd513

This text has a font color of #afd513.

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

#afd513 background color

This paragraph has a background color of #afd513.

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

#afd513 border color

This element has a border color of #afd513.

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

CSS codes

.text {color:#afd513;}

.background {background-color:#afd513;}

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

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

#0c0f01
```
#0c0f01 rgb(12,15,1)
```
#1b2103
```
#1b2103 rgb(27,33,3)
```
#2a3305
```
#2a3305 rgb(42,51,5)
```
#394506
```
#394506 rgb(57,69,6)
```
#475708
```
#475708 rgb(71,87,8)
```
#566909
```
#566909 rgb(86,105,9)
```
#657b0b
```
#657b0b rgb(101,123,11)
```
#748d0d
```
#748d0d rgb(116,141,13)
```
#839f0e
```
#839f0e rgb(131,159,14)
```
#91b110
```
#91b110 rgb(145,177,16)
```
#a0c311
```
#a0c311 rgb(160,195,17)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#bee715
```
#bee715 rgb(190,231,21)
```

Shade Color Variation

#c4eb24
```
#c4eb24 rgb(196,235,36)
```
#c9ed36
```
#c9ed36 rgb(201,237,54)
```
#ceef48
```
#ceef48 rgb(206,239,72)
```
#d3f05a
```
#d3f05a rgb(211,240,90)
```
#d8f26c
```
#d8f26c rgb(216,242,108)
```
#dcf37e
```
#dcf37e rgb(220,243,126)
```
#e1f590
```
#e1f590 rgb(225,245,144)
```
#e6f7a2
```
#e6f7a2 rgb(230,247,162)
```
#ebf8b4
```
#ebf8b4 rgb(235,248,180)
```
#f0fac6
```
#f0fac6 rgb(240,250,198)
```
#f5fcd8
```
#f5fcd8 rgb(245,252,216)
```
#f9fdea
```
#f9fdea rgb(249,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#797c6c
```
#797c6c rgb(121,124,108)
```
#7e8563
```
#7e8563 rgb(126,133,99)
```
#848e5a
```
#848e5a rgb(132,142,90)
```
#899751
```
#899751 rgb(137,151,81)
```
#8e9f49
```
#8e9f49 rgb(142,159,73)
```
#94a840
```
#94a840 rgb(148,168,64)
```
#99b137
```
#99b137 rgb(153,177,55)
```
#9fba2e
```
#9fba2e rgb(159,186,46)
```
#a4c325
```
#a4c325 rgb(164,195,37)
```
#aacc1c
```
#aacc1c rgb(170,204,28)
```
#afd513
```
#afd513 rgb(175,213,19)
```
#b4de0a
```
#b4de0a rgb(180,222,10)
```
#bae701
```
#bae701 rgb(186,231,1)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3bb94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c91a Protanopia 1% of men
#fabf34 Deuteranopia 1% of men
#c5c8d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd17 Protanomaly 1% of men, 0.01% of women
#dfc728 Deuteranomaly 6% of men, 0.4% of women
#bdcd8f Tritanomaly 0.01% of the population

#afd513 hex color

#afd513 Color Information

#afd513 Color Conversion

Color Schemes with #afd513

Alternatives to #afd513

#afd513 Preview

Shades and Tints of #afd513

Tones of #afd513

Color Blindness Simulator