#afd562 hex color

In a RGB color space, hex #afd562 is composed of 68.6% red, 83.5% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 54% yellow and 16.5% black. It has a hue angle of 79.8 degrees, a saturation of 57.8% and a lightness of 61%. #afd562 color hex could be obtained by blending #ffffc4 with #5fab00. Closest websafe color is: #99cc66.

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

● #afd562 color description : Moderate green.

The hexadecimal color #afd562 has RGB values of R:175, G:213, B:98 and CMYK values of C:0.18, M:0, Y:0.54, K:0.16. Its decimal value is 11523426.

Hex triplet	afd562	`#afd562`
RGB Decimal	175, 213, 98	`rgb(175,213,98)`
RGB Percent	68.6, 83.5, 38.4	`rgb(68.6%,83.5%,38.4%)`
CMYK	18, 0, 54, 16
HSL	79.8°, 57.8, 61	`hsl(79.8,57.8%,61%)`
HSV (or HSB)	79.8°, 54, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.507, -30.136, 52.008
XYZ	43.677, 57.584, 20.368
xyY	0.359, 0.473, 57.584
CIE-LCH	80.507, 60.108, 120.09
CIE-LUV	80.507, -18.269, 69.862
Hunter-Lab	75.884, -30.056, 37.204
Binary	10101111, 11010101, 01100010

#afd562
```
#afd562 rgb(175,213,98)
```
#8862d5
```
#8862d5 rgb(136,98,213)
```

Complementary Color

#d5c262
```
#d5c262 rgb(213,194,98)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#76d562
```
#76d562 rgb(118,213,98)
```

Analogous Color

#c262d5
```
#c262d5 rgb(194,98,213)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#6276d5
```
#6276d5 rgb(98,118,213)
```

Split Complementary Color

#d562af
```
#d562af rgb(213,98,175)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#62afd5
```
#62afd5 rgb(98,175,213)
```

Triadic Color

#d58862
```
#d58862 rgb(213,136,98)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#62afd5
```
#62afd5 rgb(98,175,213)
```
#8862d5
```
#8862d5 rgb(136,98,213)
```

Tetradic Color

#8cb931
```
#8cb931 rgb(140,185,49)
```
#9aca3a
```
#9aca3a rgb(154,202,58)
```
#a5d04e
```
#a5d04e rgb(165,208,78)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#b9da76
```
#b9da76 rgb(185,218,118)
```
#c4e08a
```
#c4e08a rgb(196,224,138)
```
#cee59e
```
#cee59e rgb(206,229,158)
```

Monochromatic Color

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

#ccd562
```
#ccd562 rgb(204,213,98)
```
#c2d562
```
#c2d562 rgb(194,213,98)
```
#b9d562
```
#b9d562 rgb(185,213,98)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#a5d562
```
#a5d562 rgb(165,213,98)
```
#9cd562
```
#9cd562 rgb(156,213,98)
```
#92d562
```
#92d562 rgb(146,213,98)
```

Similar Colors

Text with hexadecimal color #afd562

This text has a font color of #afd562.

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

#afd562 background color

This paragraph has a background color of #afd562.

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

#afd562 border color

This element has a border color of #afd562.

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

CSS codes

.text {color:#afd562;}

.background {background-color:#afd562;}

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

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

#0a0d04
```
#0a0d04 rgb(10,13,4)
```
#161d08
```
#161d08 rgb(22,29,8)
```
#212c0c
```
#212c0c rgb(33,44,12)
```
#2d3c10
```
#2d3c10 rgb(45,60,16)
```
#394b14
```
#394b14 rgb(57,75,20)
```
#455b18
```
#455b18 rgb(69,91,24)
```
#506a1c
```
#506a1c rgb(80,106,28)
```
#5c7a21
```
#5c7a21 rgb(92,122,33)
```
#688925
```
#688925 rgb(104,137,37)
```
#749929
```
#749929 rgb(116,153,41)
```
#7fa82d
```
#7fa82d rgb(127,168,45)
```
#8bb731
```
#8bb731 rgb(139,183,49)
```
#97c735
```
#97c735 rgb(151,199,53)
```

Shade Color Variation

#9fcd43
```
#9fcd43 rgb(159,205,67)
```
#a7d153
```
#a7d153 rgb(167,209,83)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#b7d971
```
#b7d971 rgb(183,217,113)
```
#bfdd81
```
#bfdd81 rgb(191,221,129)
```
#c7e190
```
#c7e190 rgb(199,225,144)
```
#cfe6a0
```
#cfe6a0 rgb(207,230,160)
```
#d6eaaf
```
#d6eaaf rgb(214,234,175)
```
#deeebf
```
#deeebf rgb(222,238,191)
```
#e6f2ce
```
#e6f2ce rgb(230,242,206)
```
#eef6de
```
#eef6de rgb(238,246,222)
```
#f6faed
```
#f6faed rgb(246,250,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9d9f98
```
#9d9f98 rgb(157,159,152)
```
#9fa790
```
#9fa790 rgb(159,167,144)
```
#a2af88
```
#a2af88 rgb(162,175,136)
```
#a5b681
```
#a5b681 rgb(165,182,129)
```
#a7be79
```
#a7be79 rgb(167,190,121)
```
#aac671
```
#aac671 rgb(170,198,113)
```
#accd6a
```
#accd6a rgb(172,205,106)
```
#afd562
```
#afd562 rgb(175,213,98)
```
#b2dd5a
```
#b2dd5a rgb(178,221,90)
```
#b4e453
```
#b4e453 rgb(180,228,83)
```
#b7ec4b
```
#b7ec4b rgb(183,236,75)
```
#b9f443
```
#b9f443 rgb(185,244,67)
```
#bcfb3c
```
#bcfb3c rgb(188,251,60)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca66 Protanopia 1% of men
#f6c171 Deuteranopia 1% of men
#c3cbd9 Tritanopia 0.001% of the population

Trichromacy

#cdce64 Protanomaly 1% of men, 0.01% of women
#dcc86c Deuteranomaly 6% of men, 0.4% of women
#bbceae Tritanomaly 0.01% of the population

#afd562 hex color

#afd562 Color Information

#afd562 Color Conversion

Color Schemes with #afd562

Alternatives to #afd562

#afd562 Preview

Shades and Tints of #afd562

Tones of #afd562

Color Blindness Simulator