colorhexa.com

#afd972 hex color

In a RGB color space, hex #afd972 is composed of 68.6% red, 85.1% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 47.5% yellow and 14.9% black. It has a hue angle of 84.5 degrees, a saturation of 57.5% and a lightness of 64.9%. #afd972 color hex could be obtained by blending #ffffe4 with #5fb300. Closest websafe color is: #99cc66.

- R 69
- G 85
- B 45
RGB color chart
- C 19
- M 0
- Y 47
- K 15
CMYK color chart

● #afd972 color description : Soft green.

The hexadecimal color #afd972 has RGB values of R:175, G:217, B:114 and CMYK values of C:0.19, M:0, Y:0.47, K:0.15. Its decimal value is 11524466.

Hex triplet	afd972	`#afd972`
RGB Decimal	175, 217, 114	`rgb(175,217,114)`
RGB Percent	68.6, 85.1, 44.7	`rgb(68.6%,85.1%,44.7%)`
CMYK	19, 0, 47, 15
HSL	84.5°, 57.5, 64.9	`hsl(84.5,57.5%,64.9%)`
HSV (or HSB)	84.5°, 47.5, 85.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.813, -30.391, 46.025
XYZ	45.528, 59.954, 25.092
xyY	0.349, 0.459, 59.954
CIE-LCH	81.813, 55.153, 123.438
CIE-LUV	81.813, -20.545, 64.463
Hunter-Lab	77.43, -30.545, 34.987
Binary	10101111, 11011001, 01110010

#afd972
```
#afd972 rgb(175,217,114)
```
#9c72d9
```
#9c72d9 rgb(156,114,217)
```

Complementary Color

#d9d072
```
#d9d072 rgb(217,208,114)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#7cd972
```
#7cd972 rgb(124,217,114)
```

Analogous Color

#d072d9
```
#d072d9 rgb(208,114,217)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#727cd9
```
#727cd9 rgb(114,124,217)
```

Split Complementary Color

#d972af
```
#d972af rgb(217,114,175)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#72afd9
```
#72afd9 rgb(114,175,217)
```

Triadic Color

#d99c72
```
#d99c72 rgb(217,156,114)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#72afd9
```
#72afd9 rgb(114,175,217)
```
#9c72d9
```
#9c72d9 rgb(156,114,217)
```

Tetradic Color

#8dc836
```
#8dc836 rgb(141,200,54)
```
#98ce4a
```
#98ce4a rgb(152,206,74)
```
#a4d45e
```
#a4d45e rgb(164,212,94)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#bade86
```
#bade86 rgb(186,222,134)
```
#c6e49a
```
#c6e49a rgb(198,228,154)
```
#d1e9ae
```
#d1e9ae rgb(209,233,174)
```

Monochromatic Color

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

#c9d972
```
#c9d972 rgb(201,217,114)
```
#c0d972
```
#c0d972 rgb(192,217,114)
```
#b8d972
```
#b8d972 rgb(184,217,114)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#a6d972
```
#a6d972 rgb(166,217,114)
```
#9ed972
```
#9ed972 rgb(158,217,114)
```
#95d972
```
#95d972 rgb(149,217,114)
```

Similar Colors

Text with hexadecimal color #afd972

This text has a font color of #afd972.

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

#afd972 background color

This paragraph has a background color of #afd972.

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

#afd972 border color

This element has a border color of #afd972.

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

CSS codes

.text {color:#afd972;}

.background {background-color:#afd972;}

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

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

#090e04
```
#090e04 rgb(9,14,4)
```
#141d08
```
#141d08 rgb(20,29,8)
```
#1f2c0c
```
#1f2c0c rgb(31,44,12)
```
#2a3c10
```
#2a3c10 rgb(42,60,16)
```
#354b14
```
#354b14 rgb(53,75,20)
```
#405b18
```
#405b18 rgb(64,91,24)
```
#4b6a1d
```
#4b6a1d rgb(75,106,29)
```
#557a21
```
#557a21 rgb(85,122,33)
```
#608925
```
#608925 rgb(96,137,37)
```
#6b9929
```
#6b9929 rgb(107,153,41)
```
#76a82d
```
#76a82d rgb(118,168,45)
```
#81b731
```
#81b731 rgb(129,183,49)
```
#8cc736
```
#8cc736 rgb(140,199,54)
```

Shade Color Variation

#95cd44
```
#95cd44 rgb(149,205,68)
```
#9dd153
```
#9dd153 rgb(157,209,83)
```
#a6d563
```
#a6d563 rgb(166,213,99)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#b8dd81
```
#b8dd81 rgb(184,221,129)
```
#c1e191
```
#c1e191 rgb(193,225,145)
```
#c9e5a0
```
#c9e5a0 rgb(201,229,160)
```
#d2eab0
```
#d2eab0 rgb(210,234,176)
```
#dbeebf
```
#dbeebf rgb(219,238,191)
```
#e4f2cf
```
#e4f2cf rgb(228,242,207)
```
#ecf6de
```
#ecf6de rgb(236,246,222)
```
#f5faee
```
#f5faee rgb(245,250,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a6a9a2
```
#a6a9a2 rgb(166,169,162)
```
#a7b09b
```
#a7b09b rgb(167,176,155)
```
#a9b794
```
#a9b794 rgb(169,183,148)
```
#aabd8e
```
#aabd8e rgb(170,189,142)
```
#abc487
```
#abc487 rgb(171,196,135)
```
#accb80
```
#accb80 rgb(172,203,128)
```
#aed279
```
#aed279 rgb(174,210,121)
```
#afd972
```
#afd972 rgb(175,217,114)
```
#b0e06b
```
#b0e06b rgb(176,224,107)
```
#b2e764
```
#b2e764 rgb(178,231,100)
```
#b3ee5d
```
#b3ee5d rgb(179,238,93)
```
#b4f556
```
#b4f556 rgb(180,245,86)
```
#b5fb50
```
#b5fb50 rgb(181,251,80)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ce75 Protanopia 1% of men
#f7c580 Deuteranopia 1% of men
#c3cfde Tritanopia 0.001% of the population

Trichromacy

#cfd273 Protanomaly 1% of men, 0.01% of women
#ddcc7b Deuteranomaly 6% of men, 0.4% of women
#bbd2b6 Tritanomaly 0.01% of the population