#afd150 hex color

In a RGB color space, hex #afd150 is composed of 68.6% red, 82% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 61.7% yellow and 18% black. It has a hue angle of 75.8 degrees, a saturation of 58.4% and a lightness of 56.7%. #afd150 color hex could be obtained by blending #ffffa0 with #5fa300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 82
- B 31
RGB color chart
- C 16
- M 0
- Y 62
- K 18
CMYK color chart

● #afd150 color description : Moderate green.

The hexadecimal color #afd150 has RGB values of R:175, G:209, B:80 and CMYK values of C:0.16, M:0, Y:0.62, K:0.18. Its decimal value is 11522384.

Hex triplet	afd150	`#afd150`
RGB Decimal	175, 209, 80	`rgb(175,209,80)`
RGB Percent	68.6, 82, 31.4	`rgb(68.6%,82%,31.4%)`
CMYK	16, 0, 62, 18
HSL	75.8°, 58.4, 56.7	`hsl(75.8,58.4%,56.7%)`
HSV (or HSB)	75.8°, 61.7, 82
Web Safe	99cc66	`#99cc66`

CIE-LAB	79.21, -29.771, 58.499
XYZ	41.927, 55.294, 16.053
xyY	0.37, 0.488, 55.294
CIE-LCH	79.21, 65.639, 116.972
CIE-LUV	79.21, -15.907, 75.046
Hunter-Lab	74.36, -29.484, 39.252
Binary	10101111, 11010001, 01010000

#afd150
```
#afd150 rgb(175,209,80)
```
#7250d1
```
#7250d1 rgb(114,80,209)
```

Complementary Color

#d1b350
```
#d1b350 rgb(209,179,80)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#6fd150
```
#6fd150 rgb(111,209,80)
```

Analogous Color

#b350d1
```
#b350d1 rgb(179,80,209)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#506fd1
```
#506fd1 rgb(80,111,209)
```

Split Complementary Color

#d150af
```
#d150af rgb(209,80,175)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#50afd1
```
#50afd1 rgb(80,175,209)
```

Triadic Color

#d17250
```
#d17250 rgb(209,114,80)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#50afd1
```
#50afd1 rgb(80,175,209)
```
#7250d1
```
#7250d1 rgb(114,80,209)
```

Tetradic Color

#88a82c
```
#88a82c rgb(136,168,44)
```
#98bc32
```
#98bc32 rgb(152,188,50)
```
#a6cc3c
```
#a6cc3c rgb(166,204,60)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#b8d664
```
#b8d664 rgb(184,214,100)
```
#c1dc78
```
#c1dc78 rgb(193,220,120)
```
#cbe18d
```
#cbe18d rgb(203,225,141)
```

Monochromatic Color

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

#cfd150
```
#cfd150 rgb(207,209,80)
```
#c5d150
```
#c5d150 rgb(197,209,80)
```
#bad150
```
#bad150 rgb(186,209,80)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#a4d150
```
#a4d150 rgb(164,209,80)
```
#9ad150
```
#9ad150 rgb(154,209,80)
```
#8fd150
```
#8fd150 rgb(143,209,80)
```

Similar Colors

Text with hexadecimal color #afd150

This text has a font color of #afd150.

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

#afd150 background color

This paragraph has a background color of #afd150.

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

#afd150 border color

This element has a border color of #afd150.

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

CSS codes

.text {color:#afd150;}

.background {background-color:#afd150;}

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

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, #090b03 is the darkest color, while #fdfefb is the lightest one.

#090b03
```
#090b03 rgb(9,11,3)
```
#161b07
```
#161b07 rgb(22,27,7)
```
#222a0b
```
#222a0b rgb(34,42,11)
```
#2f3a0f
```
#2f3a0f rgb(47,58,15)
```
#3b4a13
```
#3b4a13 rgb(59,74,19)
```
#485917
```
#485917 rgb(72,89,23)
```
#54691b
```
#54691b rgb(84,105,27)
```
#617820
```
#617820 rgb(97,120,32)
```
#6d8824
```
#6d8824 rgb(109,136,36)
```
#7a9728
```
#7a9728 rgb(122,151,40)
```
#86a72c
```
#86a72c rgb(134,167,44)
```
#93b630
```
#93b630 rgb(147,182,48)
```
#9fc634
```
#9fc634 rgb(159,198,52)
```

Shade Color Variation

#a8cd40
```
#a8cd40 rgb(168,205,64)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#b6d560
```
#b6d560 rgb(182,213,96)
```
#bdd96f
```
#bdd96f rgb(189,217,111)
```
#c4dd7f
```
#c4dd7f rgb(196,221,127)
```
#cbe18e
```
#cbe18e rgb(203,225,142)
```
#d3e59e
```
#d3e59e rgb(211,229,158)
```
#dae9ad
```
#dae9ad rgb(218,233,173)
```
#e1eebd
```
#e1eebd rgb(225,238,189)
```
#e8f2cc
```
#e8f2cc rgb(232,242,204)
```
#eff6dc
```
#eff6dc rgb(239,246,220)
```
#f6faeb
```
#f6faeb rgb(246,250,235)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#93968c
```
#93968c rgb(147,150,140)
```
#979e83
```
#979e83 rgb(151,158,131)
```
#9ba77b
```
#9ba77b rgb(155,167,123)
```
#9faf72
```
#9faf72 rgb(159,175,114)
```
#a3b86a
```
#a3b86a rgb(163,184,106)
```
#a7c061
```
#a7c061 rgb(167,192,97)
```
#abc959
```
#abc959 rgb(171,201,89)
```
#afd150
```
#afd150 rgb(175,209,80)
```
#b3da48
```
#b3da48 rgb(179,218,72)
```
#b7e23f
```
#b7e23f rgb(183,226,63)
```
#bbeb37
```
#bbeb37 rgb(187,235,55)
```
#bff32e
```
#bff32e rgb(191,243,46)
```
#c3fc26
```
#c3fc26 rgb(195,252,38)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6bda3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc755 Protanopia 1% of men
#f4be61 Deuteranopia 1% of men
#c3c6d5 Tritanopia 0.001% of the population

Trichromacy

#ccca53 Protanomaly 1% of men, 0.01% of women
#dbc55b Deuteranomaly 6% of men, 0.4% of women
#bccaa4 Tritanomaly 0.01% of the population

#afd150 hex color

#afd150 Color Information

#afd150 Color Conversion

Color Schemes with #afd150

Alternatives to #afd150

#afd150 Preview

Shades and Tints of #afd150

Tones of #afd150

Color Blindness Simulator