#afd540 hex color

In a RGB color space, hex #afd540 is composed of 68.6% red, 83.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 70% yellow and 16.5% black. It has a hue angle of 75.3 degrees, a saturation of 63.9% and a lightness of 54.3%. #afd540 color hex could be obtained by blending #ffff80 with #5fab00. Closest websafe color is: #99cc33.

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

● #afd540 color description : Moderate green.

The hexadecimal color #afd540 has RGB values of R:175, G:213, B:64 and CMYK values of C:0.18, M:0, Y:0.7, K:0.16. Its decimal value is 11523392.

Hex triplet	afd540	`#afd540`
RGB Decimal	175, 213, 64	`rgb(175,213,64)`
RGB Percent	68.6, 83.5, 25.1	`rgb(68.6%,83.5%,25.1%)`
CMYK	18, 0, 70, 16
HSL	75.3°, 63.9, 54.3	`hsl(75.3,63.9%,54.3%)`
HSV (or HSB)	75.3°, 70, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.22, -32.704, 65.842
XYZ	42.398, 57.072, 13.633
xyY	0.375, 0.505, 57.072
CIE-LCH	80.22, 73.517, 116.414
CIE-LUV	80.22, -18.044, 81.824
Hunter-Lab	75.546, -32.027, 42.183
Binary	10101111, 11010101, 01000000

#afd540
```
#afd540 rgb(175,213,64)
```
#6640d5
```
#6640d5 rgb(102,64,213)
```

Complementary Color

#d5b140
```
#d5b140 rgb(213,177,64)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#65d540
```
#65d540 rgb(101,213,64)
```

Analogous Color

#b140d5
```
#b140d5 rgb(177,64,213)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#4065d5
```
#4065d5 rgb(64,101,213)
```

Split Complementary Color

#d540af
```
#d540af rgb(213,64,175)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#40afd5
```
#40afd5 rgb(64,175,213)
```

Triadic Color

#d56640
```
#d56640 rgb(213,102,64)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#40afd5
```
#40afd5 rgb(64,175,213)
```
#6640d5
```
#6640d5 rgb(102,64,213)
```

Tetradic Color

#84a424
```
#84a424 rgb(132,164,36)
```
#94b929
```
#94b929 rgb(148,185,41)
```
#a5ce2d
```
#a5ce2d rgb(165,206,45)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#b8da55
```
#b8da55 rgb(184,218,85)
```
#c1de6a
```
#c1de6a rgb(193,222,106)
```
#c9e37f
```
#c9e37f rgb(201,227,127)
```

Monochromatic Color

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

#d4d540
```
#d4d540 rgb(212,213,64)
```
#c8d540
```
#c8d540 rgb(200,213,64)
```
#bbd540
```
#bbd540 rgb(187,213,64)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#a3d540
```
#a3d540 rgb(163,213,64)
```
#96d540
```
#96d540 rgb(150,213,64)
```
#8ad540
```
#8ad540 rgb(138,213,64)
```

Similar Colors

Text with hexadecimal color #afd540

This text has a font color of #afd540.

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

#afd540 background color

This paragraph has a background color of #afd540.

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

#afd540 border color

This element has a border color of #afd540.

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

CSS codes

.text {color:#afd540;}

.background {background-color:#afd540;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#0e1204
```
#0e1204 rgb(14,18,4)
```
#1b2208
```
#1b2208 rgb(27,34,8)
```
#28320b
```
#28320b rgb(40,50,11)
```
#35420f
```
#35420f rgb(53,66,15)
```
#425212
```
#425212 rgb(66,82,18)
```
#4f6216
```
#4f6216 rgb(79,98,22)
```
#5c7319
```
#5c7319 rgb(92,115,25)
```
#69831d
```
#69831d rgb(105,131,29)
```
#759320
```
#759320 rgb(117,147,32)
```
#82a324
```
#82a324 rgb(130,163,36)
```
#8fb327
```
#8fb327 rgb(143,179,39)
```
#9cc32b
```
#9cc32b rgb(156,195,43)
```

Shade Color Variation

#a8d130
```
#a8d130 rgb(168,209,48)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#b6d950
```
#b6d950 rgb(182,217,80)
```
#bcdc60
```
#bcdc60 rgb(188,220,96)
```
#c3e070
```
#c3e070 rgb(195,224,112)
```
#cae380
```
#cae380 rgb(202,227,128)
```
#d1e790
```
#d1e790 rgb(209,231,144)
```
#d7eaa0
```
#d7eaa0 rgb(215,234,160)
```
#deeeb1
```
#deeeb1 rgb(222,238,177)
```
#e5f1c1
```
#e5f1c1 rgb(229,241,193)
```
#ecf5d1
```
#ecf5d1 rgb(236,245,209)
```
#f2f8e1
```
#f2f8e1 rgb(242,248,225)
```
#f9fcf1
```
#f9fcf1 rgb(249,252,241)
```

Tint Color Variation

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

#8c8d88
```
#8c8d88 rgb(140,141,136)
```
#90967f
```
#90967f rgb(144,150,127)
```
#959f76
```
#959f76 rgb(149,159,118)
```
#99a86d
```
#99a86d rgb(153,168,109)
```
#9db164
```
#9db164 rgb(157,177,100)
```
#a2ba5b
```
#a2ba5b rgb(162,186,91)
```
#a6c352
```
#a6c352 rgb(166,195,82)
```
#abcc49
```
#abcc49 rgb(171,204,73)
```
#afd540
```
#afd540 rgb(175,213,64)
```
#b3de37
```
#b3de37 rgb(179,222,55)
```
#b8e72e
```
#b8e72e rgb(184,231,46)
```
#bcf025
```
#bcf025 rgb(188,240,37)
```
#c1f91c
```
#c1f91c rgb(193,249,28)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7bfa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca46 Protanopia 1% of men
#f9c054 Deuteranopia 1% of men
#c4c9d8 Tritanopia 0.001% of the population

Trichromacy

#cece44 Protanomaly 1% of men, 0.01% of women
#dec84c Deuteranomaly 6% of men, 0.4% of women
#bccda0 Tritanomaly 0.01% of the population

#afd540 hex color

#afd540 Color Information

#afd540 Color Conversion

Color Schemes with #afd540

Alternatives to #afd540

#afd540 Preview

Shades and Tints of #afd540

Tones of #afd540

Color Blindness Simulator