#9fb3af hex color

In a RGB color space, hex #9fb3af is composed of 62.4% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 168 degrees, a saturation of 11.6% and a lightness of 66.3%. #9fb3af color hex could be obtained by blending #ffffff with #3f675f. Closest websafe color is: #99cc99.

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

● #9fb3af color description : Grayish cyan.

The hexadecimal color #9fb3af has RGB values of R:159, G:179, B:175 and CMYK values of C:0.11, M:0, Y:0.02, K:0.3. Its decimal value is 10466223.

Hex triplet	9fb3af	`#9fb3af`
RGB Decimal	159, 179, 175	`rgb(159,179,175)`
RGB Percent	62.4, 70.2, 68.6	`rgb(62.4%,70.2%,68.6%)`
CMYK	11, 0, 2, 30
HSL	168°, 11.6, 66.3	`hsl(168,11.6%,66.3%)`
HSV (or HSB)	168°, 11.2, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.355, -7.689, -0.311
XYZ	38.154, 42.706, 46.788
xyY	0.299, 0.335, 42.706
CIE-LCH	71.355, 7.695, 182.317
CIE-LUV	71.355, -10.684, 0.833
Hunter-Lab	65.35, -10.145, 3.295
Binary	10011111, 10110011, 10101111

#9fb3af
```
#9fb3af rgb(159,179,175)
```
#b39fa3
```
#b39fa3 rgb(179,159,163)
```

Complementary Color

#9fb3a5
```
#9fb3a5 rgb(159,179,165)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#9fadb3
```
#9fadb3 rgb(159,173,179)
```

Analogous Color

#b3a59f
```
#b3a59f rgb(179,165,159)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#b39fad
```
#b39fad rgb(179,159,173)
```

Split Complementary Color

#b3af9f
```
#b3af9f rgb(179,175,159)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#af9fb3
```
#af9fb3 rgb(175,159,179)
```

Triadic Color

#a3b39f
```
#a3b39f rgb(163,179,159)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#af9fb3
```
#af9fb3 rgb(175,159,179)
```
#b39fa3
```
#b39fa3 rgb(179,159,163)
```

Tetradic Color

#74918b
```
#74918b rgb(116,145,139)
```
#839c97
```
#839c97 rgb(131,156,151)
```
#91a8a3
```
#91a8a3 rgb(145,168,163)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#adbebb
```
#adbebb rgb(173,190,187)
```
#bbcac7
```
#bbcac7 rgb(187,202,199)
```
#cad5d3
```
#cad5d3 rgb(202,213,211)
```

Monochromatic Color

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

#9fb3aa
```
#9fb3aa rgb(159,179,170)
```
#9fb3ac
```
#9fb3ac rgb(159,179,172)
```
#9fb3ad
```
#9fb3ad rgb(159,179,173)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#9fb3b1
```
#9fb3b1 rgb(159,179,177)
```
#9fb3b2
```
#9fb3b2 rgb(159,179,178)
```
#9fb2b3
```
#9fb2b3 rgb(159,178,179)
```

Similar Colors

Text with hexadecimal color #9fb3af

This text has a font color of #9fb3af.

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

#9fb3af background color

This paragraph has a background color of #9fb3af.

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

#9fb3af border color

This element has a border color of #9fb3af.

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

CSS codes

.text {color:#9fb3af;}

.background {background-color:#9fb3af;}

.border {border:1px solid #9fb3af;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0b0d0d
```
#0b0d0d rgb(11,13,13)
```
#131817
```
#131817 rgb(19,24,23)
```
#1c2322
```
#1c2322 rgb(28,35,34)
```
#252e2c
```
#252e2c rgb(37,46,44)
```
#2d3937
```
#2d3937 rgb(45,57,55)
```
#364441
```
#364441 rgb(54,68,65)
```
#3f4f4c
```
#3f4f4c rgb(63,79,76)
```
#475a56
```
#475a56 rgb(71,90,86)
```
#506561
```
#506561 rgb(80,101,97)
```
#59706b
```
#59706b rgb(89,112,107)
```
#617b76
```
#617b76 rgb(97,123,118)
```
#6a8680
```
#6a8680 rgb(106,134,128)
```

Shade Color Variation

#73908b
```
#73908b rgb(115,144,139)
```
#7e9994
```
#7e9994 rgb(126,153,148)
```
#89a29d
```
#89a29d rgb(137,162,157)
```
#94aaa6
```
#94aaa6 rgb(148,170,166)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#aabcb8
```
#aabcb8 rgb(170,188,184)
```
#b5c4c1
```
#b5c4c1 rgb(181,196,193)
```
#c0cdca
```
#c0cdca rgb(192,205,202)
```
#cbd6d3
```
#cbd6d3 rgb(203,214,211)
```
#d6dedd
```
#d6dedd rgb(214,222,221)
```
#e1e7e6
```
#e1e7e6 rgb(225,231,230)
```
#ecf0ef
```
#ecf0ef rgb(236,240,239)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#a6acab
```
#a6acab rgb(166,172,171)
```
#9fb3af
```
#9fb3af rgb(159,179,175)
```
#98bab3
```
#98bab3 rgb(152,186,179)
```
#92c0b7
```
#92c0b7 rgb(146,192,183)
```
#8bc7bb
```
#8bc7bb rgb(139,199,187)
```
#85cdbf
```
#85cdbf rgb(133,205,191)
```
#7ed4c3
```
#7ed4c3 rgb(126,212,195)
```
#77dbc7
```
#77dbc7 rgb(119,219,199)
```
#71e1cb
```
#71e1cb rgb(113,225,203)
```
#6ae8cf
```
#6ae8cf rgb(106,232,207)
```
#63efd3
```
#63efd3 rgb(99,239,211)
```
#5df5d7
```
#5df5d7 rgb(93,245,215)
```
#56fcdb
```
#56fcdb rgb(86,252,219)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aaaead Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b0 Protanopia 1% of men
#c1adb6 Deuteranopia 1% of men
#a7b4c1 Tritanopia 0.001% of the population

Trichromacy

#adb2b0 Protanomaly 1% of men, 0.01% of women
#b5afb3 Deuteranomaly 6% of men, 0.4% of women
#a4b4ba Tritanomaly 0.01% of the population

#9fb3af hex color

#9fb3af Color Information

#9fb3af Color Conversion

Color Schemes with #9fb3af

Alternatives to #9fb3af

#9fb3af Preview

Shades and Tints of #9fb3af

Tones of #9fb3af

Color Blindness Simulator