#afd4b2 hex color

In a RGB color space, hex #afd4b2 is composed of 68.6% red, 83.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 16% yellow and 16.9% black. It has a hue angle of 124.9 degrees, a saturation of 30.1% and a lightness of 75.9%. #afd4b2 color hex could be obtained by blending #ffffff with #5fa965. Closest websafe color is: #99cc99.

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

● #afd4b2 color description : Grayish lime green.

The hexadecimal color #afd4b2 has RGB values of R:175, G:212, B:178 and CMYK values of C:0.17, M:0, Y:0.16, K:0.17. Its decimal value is 11523250.

Hex triplet	afd4b2	`#afd4b2`
RGB Decimal	175, 212, 178	`rgb(175,212,178)`
RGB Percent	68.6, 83.1, 69.8	`rgb(68.6%,83.1%,69.8%)`
CMYK	17, 0, 16, 17
HSL	124.9°, 30.1, 75.9	`hsl(124.9,30.1%,75.9%)`
HSV (or HSB)	124.9°, 17.5, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.519, -18.723, 12.824
XYZ	49.257, 59.414, 50.99
xyY	0.309, 0.372, 59.414
CIE-LCH	81.519, 22.693, 145.591
CIE-LUV	81.519, -18.705, 21.933
Hunter-Lab	77.081, -20.825, 14.735
Binary	10101111, 11010100, 10110010

#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#d4afd1
```
#d4afd1 rgb(212,175,209)
```

Complementary Color

#bfd4af
```
#bfd4af rgb(191,212,175)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#afd4c5
```
#afd4c5 rgb(175,212,197)
```

Analogous Color

#d4afbf
```
#d4afbf rgb(212,175,191)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#c5afd4
```
#c5afd4 rgb(197,175,212)
```

Split Complementary Color

#d4b2af
```
#d4b2af rgb(212,178,175)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#b2afd4
```
#b2afd4 rgb(178,175,212)
```

Triadic Color

#d1d4af
```
#d1d4af rgb(209,212,175)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#b2afd4
```
#b2afd4 rgb(178,175,212)
```
#d4afd1
```
#d4afd1 rgb(212,175,209)
```

Tetradic Color

#7db982
```
#7db982 rgb(125,185,130)
```
#8ec292
```
#8ec292 rgb(142,194,146)
```
#9ecba2
```
#9ecba2 rgb(158,203,162)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#c0ddc2
```
#c0ddc2 rgb(192,221,194)
```
#d0e6d2
```
#d0e6d2 rgb(208,230,210)
```
#e1efe2
```
#e1efe2 rgb(225,239,226)
```

Monochromatic Color

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

#b5d4af
```
#b5d4af rgb(181,212,175)
```
#b2d4af
```
#b2d4af rgb(178,212,175)
```
#afd4af
```
#afd4af rgb(175,212,175)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#afd4b5
```
#afd4b5 rgb(175,212,181)
```
#afd4b8
```
#afd4b8 rgb(175,212,184)
```
#afd4bb
```
#afd4bb rgb(175,212,187)
```

Similar Colors

Text with hexadecimal color #afd4b2

This text has a font color of #afd4b2.

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

#afd4b2 background color

This paragraph has a background color of #afd4b2.

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

#afd4b2 border color

This element has a border color of #afd4b2.

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

CSS codes

.text {color:#afd4b2;}

.background {background-color:#afd4b2;}

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

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

#050905
```
#050905 rgb(5,9,5)
```
#0c160d
```
#0c160d rgb(12,22,13)
```
#132314
```
#132314 rgb(19,35,20)
```
#1a301b
```
#1a301b rgb(26,48,27)
```
#203c23
```
#203c23 rgb(32,60,35)
```
#27492a
```
#27492a rgb(39,73,42)
```
#2e5631
```
#2e5631 rgb(46,86,49)
```
#356339
```
#356339 rgb(53,99,57)
```
#3c6f40
```
#3c6f40 rgb(60,111,64)
```
#437c47
```
#437c47 rgb(67,124,71)
```
#4a894f
```
#4a894f rgb(74,137,79)
```
#509656
```
#509656 rgb(80,150,86)
```
#57a25d
```
#57a25d rgb(87,162,93)
```

Shade Color Variation

#62ab68
```
#62ab68 rgb(98,171,104)
```
#6fb275
```
#6fb275 rgb(111,178,117)
```
#7cb981
```
#7cb981 rgb(124,185,129)
```
#89bf8d
```
#89bf8d rgb(137,191,141)
```
#95c699
```
#95c699 rgb(149,198,153)
```
#a2cda6
```
#a2cda6 rgb(162,205,166)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#bcdbbe
```
#bcdbbe rgb(188,219,190)
```
#c9e2cb
```
#c9e2cb rgb(201,226,203)
```
#d5e9d7
```
#d5e9d7 rgb(213,233,215)
```
#e2efe3
```
#e2efe3 rgb(226,239,227)
```
#eff6ef
```
#eff6ef rgb(239,246,239)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#bdc6be
```
#bdc6be rgb(189,198,190)
```
#b8cbba
```
#b8cbba rgb(184,203,186)
```
#b4cfb6
```
#b4cfb6 rgb(180,207,182)
```
#afd4b2
```
#afd4b2 rgb(175,212,178)
```
#aad9ae
```
#aad9ae rgb(170,217,174)
```
#a6ddaa
```
#a6ddaa rgb(166,221,170)
```
#a1e2a6
```
#a1e2a6 rgb(161,226,166)
```
#9ce7a2
```
#9ce7a2 rgb(156,231,162)
```
#97ec9e
```
#97ec9e rgb(151,236,158)
```
#93f09a
```
#93f09a rgb(147,240,154)
```
#8ef596
```
#8ef596 rgb(142,245,150)
```
#89fa92
```
#89fa92 rgb(137,250,146)
```
#84ff8e
```
#84ff8e rgb(132,255,142)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c8c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7ccb1 Protanopia 1% of men
#e7c6bb Deuteranopia 1% of men
#bbd0df Tritanopia 0.001% of the population

Trichromacy

#c8cfb1 Protanomaly 1% of men, 0.01% of women
#d2cbb7 Deuteranomaly 6% of men, 0.4% of women
#b6d1ce Tritanomaly 0.01% of the population

#afd4b2 hex color

#afd4b2 Color Information

#afd4b2 Color Conversion

Color Schemes with #afd4b2

Alternatives to #afd4b2

#afd4b2 Preview

Shades and Tints of #afd4b2

Tones of #afd4b2

Color Blindness Simulator