#afb397 hex color

In a RGB color space, hex #afb397 is composed of 68.6% red, 70.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 15.6% yellow and 29.8% black. It has a hue angle of 68.6 degrees, a saturation of 15.6% and a lightness of 64.7%. #afb397 color hex could be obtained by blending #ffffff with #5f672f. Closest websafe color is: #99cc99.

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

● #afb397 color description : Grayish yellow.

The hexadecimal color #afb397 has RGB values of R:175, G:179, B:151 and CMYK values of C:0.02, M:0, Y:0.16, K:0.3. Its decimal value is 11514775.

Hex triplet	afb397	`#afb397`
RGB Decimal	175, 179, 151	`rgb(175,179,151)`
RGB Percent	68.6, 70.2, 59.2	`rgb(68.6%,70.2%,59.2%)`
CMYK	2, 0, 16, 30
HSL	68.6°, 15.6, 64.7	`hsl(68.6,15.6%,64.7%)`
HSV (or HSB)	68.6°, 15.6, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.953, -6.345, 13.841
XYZ	39.384, 43.589, 35.615
xyY	0.332, 0.368, 43.589
CIE-LCH	71.953, 15.226, 114.627
CIE-LUV	71.953, -0.873, 20.578
Hunter-Lab	66.022, -9.057, 14.231
Binary	10101111, 10110011, 10010111

#afb397
```
#afb397 rgb(175,179,151)
```
#9b97b3
```
#9b97b3 rgb(155,151,179)
```

Complementary Color

#b3a997
```
#b3a997 rgb(179,169,151)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#a1b397
```
#a1b397 rgb(161,179,151)
```

Analogous Color

#a997b3
```
#a997b3 rgb(169,151,179)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#97a1b3
```
#97a1b3 rgb(151,161,179)
```

Split Complementary Color

#b397af
```
#b397af rgb(179,151,175)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#97afb3
```
#97afb3 rgb(151,175,179)
```

Triadic Color

#b39b97
```
#b39b97 rgb(179,155,151)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#97afb3
```
#97afb3 rgb(151,175,179)
```
#9b97b3
```
#9b97b3 rgb(155,151,179)
```

Tetradic Color

#8d926b
```
#8d926b rgb(141,146,107)
```
#989d7a
```
#989d7a rgb(152,157,122)
```
#a4a888
```
#a4a888 rgb(164,168,136)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#babea6
```
#babea6 rgb(186,190,166)
```
#c6c9b4
```
#c6c9b4 rgb(198,201,180)
```
#d1d3c3
```
#d1d3c3 rgb(209,211,195)
```

Monochromatic Color

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

#b3b097
```
#b3b097 rgb(179,176,151)
```
#b3b297
```
#b3b297 rgb(179,178,151)
```
#b1b397
```
#b1b397 rgb(177,179,151)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#adb397
```
#adb397 rgb(173,179,151)
```
#aab397
```
#aab397 rgb(170,179,151)
```
#a8b397
```
#a8b397 rgb(168,179,151)
```

Similar Colors

Text with hexadecimal color #afb397

This text has a font color of #afb397.

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

#afb397 background color

This paragraph has a background color of #afb397.

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

#afb397 border color

This element has a border color of #afb397.

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

CSS codes

.text {color:#afb397;}

.background {background-color:#afb397;}

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

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

#090907
```
#090907 rgb(9,9,7)
```
#14150f
```
#14150f rgb(20,21,15)
```
#1f2017
```
#1f2017 rgb(31,32,23)
```
#2a2b20
```
#2a2b20 rgb(42,43,32)
```
#353728
```
#353728 rgb(53,55,40)
```
#3f4230
```
#3f4230 rgb(63,66,48)
```
#4a4d39
```
#4a4d39 rgb(74,77,57)
```
#555941
```
#555941 rgb(85,89,65)
```
#606449
```
#606449 rgb(96,100,73)
```
#6b6f51
```
#6b6f51 rgb(107,111,81)
```
#767b5a
```
#767b5a rgb(118,123,90)
```
#818662
```
#818662 rgb(129,134,98)
```
#8c916a
```
#8c916a rgb(140,145,106)
```

Shade Color Variation

#959a75
```
#959a75 rgb(149,154,117)
```
#9ea280
```
#9ea280 rgb(158,162,128)
```
#a6ab8c
```
#a6ab8c rgb(166,171,140)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#b8bba2
```
#b8bba2 rgb(184,187,162)
```
#c0c4ae
```
#c0c4ae rgb(192,196,174)
```
#c9ccb9
```
#c9ccb9 rgb(201,204,185)
```
#d2d4c4
```
#d2d4c4 rgb(210,212,196)
```
#dbdcd0
```
#dbdcd0 rgb(219,220,208)
```
#e3e5db
```
#e3e5db rgb(227,229,219)
```
#ecede6
```
#ecede6 rgb(236,237,230)
```
#f5f5f2
```
#f5f5f2 rgb(245,245,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#a5a5a5
```
#a5a5a5 rgb(165,165,165)
```
#aaac9e
```
#aaac9e rgb(170,172,158)
```
#afb397
```
#afb397 rgb(175,179,151)
```
#b4ba90
```
#b4ba90 rgb(180,186,144)
```
#b9c189
```
#b9c189 rgb(185,193,137)
```
#bec882
```
#bec882 rgb(190,200,130)
```
#c3cf7b
```
#c3cf7b rgb(195,207,123)
```
#c8d674
```
#c8d674 rgb(200,214,116)
```
#cddd6d
```
#cddd6d rgb(205,221,109)
```
#d2e367
```
#d2e367 rgb(210,227,103)
```
#d7ea60
```
#d7ea60 rgb(215,234,96)
```
#dcf159
```
#dcf159 rgb(220,241,89)
```
#e0f852
```
#e0f852 rgb(224,248,82)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb39b Protanopia 1% of men
#cdae9f Deuteranopia 1% of men
#b8b1be Tritanopia 0.001% of the population

Trichromacy

#b8b399 Protanomaly 1% of men, 0.01% of women
#c2af9c Deuteranomaly 6% of men, 0.4% of women
#b5b2b0 Tritanomaly 0.01% of the population

#afb397 hex color

#afb397 Color Information

#afb397 Color Conversion

Color Schemes with #afb397

Alternatives to #afb397

#afb397 Preview

Shades and Tints of #afb397

Tones of #afb397

Color Blindness Simulator