#afd9b4 hex color

In a RGB color space, hex #afd9b4 is composed of 68.6% red, 85.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 17.1% yellow and 14.9% black. It has a hue angle of 127.1 degrees, a saturation of 35.6% and a lightness of 76.9%. #afd9b4 color hex could be obtained by blending #ffffff with #5fb369. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 85
- B 71
RGB color chart
- C 19
- M 0
- Y 17
- K 15
CMYK color chart

● #afd9b4 color description : Light grayish lime green.

The hexadecimal color #afd9b4 has RGB values of R:175, G:217, B:180 and CMYK values of C:0.19, M:0, Y:0.17, K:0.15. Its decimal value is 11524532.

Hex triplet	afd9b4	`#afd9b4`
RGB Decimal	175, 217, 180	`rgb(175,217,180)`
RGB Percent	68.6, 85.1, 70.6	`rgb(68.6%,85.1%,70.6%)`
CMYK	19, 0, 17, 15
HSL	127.1°, 35.6, 76.9	`hsl(127.1,35.6%,76.9%)`
HSV (or HSB)	127.1°, 19.4, 85.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.931, -20.851, 13.763
XYZ	50.728, 62.034, 52.479
xyY	0.307, 0.375, 62.034
CIE-LCH	82.931, 24.983, 146.574
CIE-LUV	82.931, -21.172, 23.692
Hunter-Lab	78.762, -22.866, 15.628
Binary	10101111, 11011001, 10110100

#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#d9afd4
```
#d9afd4 rgb(217,175,212)
```

Complementary Color

#bfd9af
```
#bfd9af rgb(191,217,175)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#afd9c9
```
#afd9c9 rgb(175,217,201)
```

Analogous Color

#d9afbf
```
#d9afbf rgb(217,175,191)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#c9afd9
```
#c9afd9 rgb(201,175,217)
```

Split Complementary Color

#d9b4af
```
#d9b4af rgb(217,180,175)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#b4afd9
```
#b4afd9 rgb(180,175,217)
```

Triadic Color

#d4d9af
```
#d4d9af rgb(212,217,175)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#b4afd9
```
#b4afd9 rgb(180,175,217)
```
#d9afd4
```
#d9afd4 rgb(217,175,212)
```

Tetradic Color

#7bc083
```
#7bc083 rgb(123,192,131)
```
#8cc994
```
#8cc994 rgb(140,201,148)
```
#9ed1a4
```
#9ed1a4 rgb(158,209,164)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#c0e1c4
```
#c0e1c4 rgb(192,225,196)
```
#d2e9d4
```
#d2e9d4 rgb(210,233,212)
```
#e3f2e5
```
#e3f2e5 rgb(227,242,229)
```

Monochromatic Color

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

#b5d9af
```
#b5d9af rgb(181,217,175)
```
#b1d9af
```
#b1d9af rgb(177,217,175)
```
#afd9b1
```
#afd9b1 rgb(175,217,177)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#afd9b8
```
#afd9b8 rgb(175,217,184)
```
#afd9bb
```
#afd9bb rgb(175,217,187)
```
#afd9bf
```
#afd9bf rgb(175,217,191)
```

Similar Colors

Text with hexadecimal color #afd9b4

This text has a font color of #afd9b4.

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

#afd9b4 background color

This paragraph has a background color of #afd9b4.

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

#afd9b4 border color

This element has a border color of #afd9b4.

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

CSS codes

.text {color:#afd9b4;}

.background {background-color:#afd9b4;}

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

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, #060d07 is the darkest color, while #ffffff is the lightest one.

#060d07
```
#060d07 rgb(6,13,7)
```
#0d1a0e
```
#0d1a0e rgb(13,26,14)
```
#132815
```
#132815 rgb(19,40,21)
```
#19351c
```
#19351c rgb(25,53,28)
```
#1f4224
```
#1f4224 rgb(31,66,36)
```
#26502b
```
#26502b rgb(38,80,43)
```
#2c5d32
```
#2c5d32 rgb(44,93,50)
```
#326a39
```
#326a39 rgb(50,106,57)
```
#397740
```
#397740 rgb(57,119,64)
```
#3f8547
```
#3f8547 rgb(63,133,71)
```
#45924f
```
#45924f rgb(69,146,79)
```
#4c9f56
```
#4c9f56 rgb(76,159,86)
```
#52ad5d
```
#52ad5d rgb(82,173,93)
```

Shade Color Variation

#5fb369
```
#5fb369 rgb(95,179,105)
```
#6db976
```
#6db976 rgb(109,185,118)
```
#7ac082
```
#7ac082 rgb(122,192,130)
```
#87c68f
```
#87c68f rgb(135,198,143)
```
#94cc9b
```
#94cc9b rgb(148,204,155)
```
#a2d3a8
```
#a2d3a8 rgb(162,211,168)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#bcdfc0
```
#bcdfc0 rgb(188,223,192)
```
#cae6cd
```
#cae6cd rgb(202,230,205)
```
#d7ecd9
```
#d7ecd9 rgb(215,236,217)
```
#e4f2e6
```
#e4f2e6 rgb(228,242,230)
```
#f1f9f2
```
#f1f9f2 rgb(241,249,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c1c7c2
```
#c1c7c2 rgb(193,199,194)
```
#bdcbbe
```
#bdcbbe rgb(189,203,190)
```
#b8d0bb
```
#b8d0bb rgb(184,208,187)
```
#b4d4b7
```
#b4d4b7 rgb(180,212,183)
```
#afd9b4
```
#afd9b4 rgb(175,217,180)
```
#aadeb1
```
#aadeb1 rgb(170,222,177)
```
#a6e2ad
```
#a6e2ad rgb(166,226,173)
```
#a1e7aa
```
#a1e7aa rgb(161,231,170)
```
#9deba6
```
#9deba6 rgb(157,235,166)
```
#98f0a3
```
#98f0a3 rgb(152,240,163)
```
#94f49f
```
#94f49f rgb(148,244,159)
```
#8ff99c
```
#8ff99c rgb(143,249,156)
```
#8bfd98
```
#8bfd98 rgb(139,253,152)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3cbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b3 Protanopia 1% of men
#ebcabd Deuteranopia 1% of men
#bcd4e3 Tritanopia 0.001% of the population

Trichromacy

#cbd3b3 Protanomaly 1% of men, 0.01% of women
#d5cfb9 Deuteranomaly 6% of men, 0.4% of women
#b7d6d2 Tritanomaly 0.01% of the population

#afd9b4 hex color

#afd9b4 Color Information

#afd9b4 Color Conversion

Color Schemes with #afd9b4

Alternatives to #afd9b4

#afd9b4 Preview

Shades and Tints of #afd9b4

Tones of #afd9b4

Color Blindness Simulator