#afd412 hex color

In a RGB color space, hex #afd412 is composed of 68.6% red, 83.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 91.5% yellow and 16.9% black. It has a hue angle of 71.4 degrees, a saturation of 84.3% and a lightness of 45.1%. #afd412 color hex could be obtained by blending #ffff24 with #5fa900. Closest websafe color is: #99cc00.

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

● #afd412 color description : Strong yellow.

The hexadecimal color #afd412 has RGB values of R:175, G:212, B:18 and CMYK values of C:0.17, M:0, Y:0.92, K:0.17. Its decimal value is 11523090.

Hex triplet	afd412	`#afd412`
RGB Decimal	175, 212, 18	`rgb(175,212,18)`
RGB Percent	68.6, 83.1, 7.1	`rgb(68.6%,83.1%,7.1%)`
CMYK	17, 0, 92, 17
HSL	71.4°, 84.3, 45.1	`hsl(71.4,84.3%,45.1%)`
HSV (or HSB)	71.4°, 91.5, 83.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.753, -33.92, 77.167
XYZ	41.331, 56.244, 9.251
xyY	0.387, 0.526, 56.244
CIE-LCH	79.753, 84.293, 113.729
CIE-LUV	79.753, -17.325, 89.423
Hunter-Lab	74.996, -32.869, 45.184
Binary	10101111, 11010100, 00010010

#afd412
```
#afd412 rgb(175,212,18)
```
#3712d4
```
#3712d4 rgb(55,18,212)
```

Complementary Color

#d49812
```
#d49812 rgb(212,152,18)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#4ed412
```
#4ed412 rgb(78,212,18)
```

Analogous Color

#9812d4
```
#9812d4 rgb(152,18,212)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#124ed4
```
#124ed4 rgb(18,78,212)
```

Split Complementary Color

#d412af
```
#d412af rgb(212,18,175)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#12afd4
```
#12afd4 rgb(18,175,212)
```

Triadic Color

#d43712
```
#d43712 rgb(212,55,18)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#12afd4
```
#12afd4 rgb(18,175,212)
```
#3712d4
```
#3712d4 rgb(55,18,212)
```

Tetradic Color

#758d0c
```
#758d0c rgb(117,141,12)
```
#88a50e
```
#88a50e rgb(136,165,14)
```
#9cbc10
```
#9cbc10 rgb(156,188,16)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#c2eb14
```
#c2eb14 rgb(194,235,20)
```
#c8ed2c
```
#c8ed2c rgb(200,237,44)
```
#ceef43
```
#ceef43 rgb(206,239,67)
```

Monochromatic Color

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

#d4c912
```
#d4c912 rgb(212,201,18)
```
#cfd412
```
#cfd412 rgb(207,212,18)
```
#bfd412
```
#bfd412 rgb(191,212,18)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#9fd412
```
#9fd412 rgb(159,212,18)
```
#8fd412
```
#8fd412 rgb(143,212,18)
```
#7fd412
```
#7fd412 rgb(127,212,18)
```

Similar Colors

Text with hexadecimal color #afd412

This text has a font color of #afd412.

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

#afd412 background color

This paragraph has a background color of #afd412.

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

#afd412 border color

This element has a border color of #afd412.

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

CSS codes

.text {color:#afd412;}

.background {background-color:#afd412;}

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

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

#0b0d01
```
#0b0d01 rgb(11,13,1)
```
#1a1f03
```
#1a1f03 rgb(26,31,3)
```
#293104
```
#293104 rgb(41,49,4)
```
#384306
```
#384306 rgb(56,67,6)
```
#475507
```
#475507 rgb(71,85,7)
```
#556809
```
#556809 rgb(85,104,9)
```
#647a0a
```
#647a0a rgb(100,122,10)
```
#738c0c
```
#738c0c rgb(115,140,12)
```
#829e0d
```
#829e0d rgb(130,158,13)
```
#91b00f
```
#91b00f rgb(145,176,15)
```
#a0c210
```
#a0c210 rgb(160,194,16)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#bee614
```
#bee614 rgb(190,230,20)
```

Shade Color Variation

#c5ec21
```
#c5ec21 rgb(197,236,33)
```
#caee33
```
#caee33 rgb(202,238,51)
```
#cfef45
```
#cfef45 rgb(207,239,69)
```
#d3f157
```
#d3f157 rgb(211,241,87)
```
#d8f269
```
#d8f269 rgb(216,242,105)
```
#ddf47b
```
#ddf47b rgb(221,244,123)
```
#e2f58e
```
#e2f58e rgb(226,245,142)
```
#e6f7a0
```
#e6f7a0 rgb(230,247,160)
```
#ebf8b2
```
#ebf8b2 rgb(235,248,178)
```
#f0fac4
```
#f0fac4 rgb(240,250,196)
```
#f4fcd6
```
#f4fcd6 rgb(244,252,214)
```
#f9fde8
```
#f9fde8 rgb(249,253,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#787c6a
```
#787c6a rgb(120,124,106)
```
#7e8462
```
#7e8462 rgb(126,132,98)
```
#838d59
```
#838d59 rgb(131,141,89)
```
#899650
```
#899650 rgb(137,150,80)
```
#8e9f47
```
#8e9f47 rgb(142,159,71)
```
#94a83e
```
#94a83e rgb(148,168,62)
```
#99b135
```
#99b135 rgb(153,177,53)
```
#9fb92d
```
#9fb92d rgb(159,185,45)
```
#a4c224
```
#a4c224 rgb(164,194,36)
```
#aacb1b
```
#aacb1b rgb(170,203,27)
```
#afd412
```
#afd412 rgb(175,212,18)
```
#b4dd09
```
#b4dd09 rgb(180,221,9)
```
#bae600
```
#bae600 rgb(186,230,0)
```

Tone Color Variation

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

Dichromacy

#e1c919 Protanopia 1% of men
#fabf33 Deuteranopia 1% of men
#c5c8d6 Tritanopia 0.001% of the population

Trichromacy

#cecd16 Protanomaly 1% of men, 0.01% of women
#dec627 Deuteranomaly 6% of men, 0.4% of women
#bdcc8e Tritanomaly 0.01% of the population

#afd412 hex color

#afd412 Color Information

#afd412 Color Conversion

Color Schemes with #afd412

Alternatives to #afd412

#afd412 Preview

Shades and Tints of #afd412

Tones of #afd412

Color Blindness Simulator