#afd334 hex color

In a RGB color space, hex #afd334 is composed of 68.6% red, 82.7% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 75.4% yellow and 17.3% black. It has a hue angle of 73.6 degrees, a saturation of 64.4% and a lightness of 51.6%. #afd334 color hex could be obtained by blending #ffff68 with #5fa700. Closest websafe color is: #99cc33.

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

● #afd334 color description : Strong yellow.

The hexadecimal color #afd334 has RGB values of R:175, G:211, B:52 and CMYK values of C:0.17, M:0, Y:0.75, K:0.17. Its decimal value is 11522868.

Hex triplet	afd334	`#afd334`
RGB Decimal	175, 211, 52	`rgb(175,211,52)`
RGB Percent	68.6, 82.7, 20.4	`rgb(68.6%,82.7%,20.4%)`
CMYK	17, 0, 75, 17
HSL	73.6°, 64.4, 51.6	`hsl(73.6,64.4%,51.6%)`
HSV (or HSB)	73.6°, 75.4, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.585, -32.403, 69.296
XYZ	41.593, 55.95, 11.857
xyY	0.38, 0.511, 55.95
CIE-LCH	79.585, 76.497, 115.061
CIE-LUV	79.585, -16.858, 83.951
Hunter-Lab	74.8, -31.644, 42.961
Binary	10101111, 11010011, 00110100

#afd334
```
#afd334 rgb(175,211,52)
```
#5834d3
```
#5834d3 rgb(88,52,211)
```

Complementary Color

#d3a834
```
#d3a834 rgb(211,168,52)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#60d334
```
#60d334 rgb(96,211,52)
```

Analogous Color

#a834d3
```
#a834d3 rgb(168,52,211)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#3460d3
```
#3460d3 rgb(52,96,211)
```

Split Complementary Color

#d334af
```
#d334af rgb(211,52,175)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#34afd3
```
#34afd3 rgb(52,175,211)
```

Triadic Color

#d35834
```
#d35834 rgb(211,88,52)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#34afd3
```
#34afd3 rgb(52,175,211)
```
#5834d3
```
#5834d3 rgb(88,52,211)
```

Tetradic Color

#7e9921
```
#7e9921 rgb(126,153,33)
```
#8fae26
```
#8fae26 rgb(143,174,38)
```
#a1c32a
```
#a1c32a rgb(161,195,42)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#b7d849
```
#b7d849 rgb(183,216,73)
```
#c0dc5e
```
#c0dc5e rgb(192,220,94)
```
#c8e173
```
#c8e173 rgb(200,225,115)
```

Monochromatic Color

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

#d3cf34
```
#d3cf34 rgb(211,207,52)
```
#cad334
```
#cad334 rgb(202,211,52)
```
#bcd334
```
#bcd334 rgb(188,211,52)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#a2d334
```
#a2d334 rgb(162,211,52)
```
#95d334
```
#95d334 rgb(149,211,52)
```
#87d334
```
#87d334 rgb(135,211,52)
```

Similar Colors

Text with hexadecimal color #afd334

This text has a font color of #afd334.

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

#afd334 background color

This paragraph has a background color of #afd334.

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

#afd334 border color

This element has a border color of #afd334.

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

CSS codes

.text {color:#afd334;}

.background {background-color:#afd334;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#131705
```
#131705 rgb(19,23,5)
```
#202708
```
#202708 rgb(32,39,8)
```
#2d370c
```
#2d370c rgb(45,55,12)
```
#3a470f
```
#3a470f rgb(58,71,15)
```
#485713
```
#485713 rgb(72,87,19)
```
#556716
```
#556716 rgb(85,103,22)
```
#62771a
```
#62771a rgb(98,119,26)
```
#70881d
```
#70881d rgb(112,136,29)
```
#7d9821
```
#7d9821 rgb(125,152,33)
```
#8aa824
```
#8aa824 rgb(138,168,36)
```
#97b828
```
#97b828 rgb(151,184,40)
```
#a5c82b
```
#a5c82b rgb(165,200,43)
```

Shade Color Variation

#afd334
```
#afd334 rgb(175,211,52)
```
#b5d644
```
#b5d644 rgb(181,214,68)
```
#bcda54
```
#bcda54 rgb(188,218,84)
```
#c2dd64
```
#c2dd64 rgb(194,221,100)
```
#c8e174
```
#c8e174 rgb(200,225,116)
```
#cfe485
```
#cfe485 rgb(207,228,133)
```
#d5e895
```
#d5e895 rgb(213,232,149)
```
#dbeba5
```
#dbeba5 rgb(219,235,165)
```
#e2efb5
```
#e2efb5 rgb(226,239,181)
```
#e8f2c5
```
#e8f2c5 rgb(232,242,197)
```
#eff6d5
```
#eff6d5 rgb(239,246,213)
```
#f5f9e5
```
#f5f9e5 rgb(245,249,229)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

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

#858780
```
#858780 rgb(133,135,128)
```
#8b9177
```
#8b9177 rgb(139,145,119)
```
#909a6d
```
#909a6d rgb(144,154,109)
```
#95a464
```
#95a464 rgb(149,164,100)
```
#9aad5a
```
#9aad5a rgb(154,173,90)
```
#9fb751
```
#9fb751 rgb(159,183,81)
```
#a5c047
```
#a5c047 rgb(165,192,71)
```
#aaca3e
```
#aaca3e rgb(170,202,62)
```
#afd334
```
#afd334 rgb(175,211,52)
```
#b4dd2b
```
#b4dd2b rgb(180,221,43)
```
#b9e621
```
#b9e621 rgb(185,230,33)
```
#bff018
```
#bff018 rgb(191,240,24)
```
#c4f90e
```
#c4f90e rgb(196,249,14)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bc9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc83b Protanopia 1% of men
#f7be4a Deuteranopia 1% of men
#c4c7d5 Tritanopia 0.001% of the population

Trichromacy

#cdcc38 Protanomaly 1% of men, 0.01% of women
#ddc642 Deuteranomaly 6% of men, 0.4% of women
#bccb9b Tritanomaly 0.01% of the population

#afd334 hex color

#afd334 Color Information

#afd334 Color Conversion

Color Schemes with #afd334

Alternatives to #afd334

#afd334 Preview

Shades and Tints of #afd334

Tones of #afd334

Color Blindness Simulator