#9fbac5 hex color

In a RGB color space, hex #9fbac5 is composed of 62.4% red, 72.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 5.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 197.4 degrees, a saturation of 24.7% and a lightness of 69.8%. #9fbac5 color hex could be obtained by blending #ffffff with #3f758b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 62
- G 73
- B 77
RGB color chart
- C 19
- M 6
- Y 0
- K 23
CMYK color chart

● #9fbac5 color description : Grayish blue.

The hexadecimal color #9fbac5 has RGB values of R:159, G:186, B:197 and CMYK values of C:0.19, M:0.06, Y:0, K:0.23. Its decimal value is 10468037.

Hex triplet	9fbac5	`#9fbac5`
RGB Decimal	159, 186, 197	`rgb(159,186,197)`
RGB Percent	62.4, 72.9, 77.3	`rgb(62.4%,72.9%,77.3%)`
CMYK	19, 6, 0, 23
HSL	197.4°, 24.7, 69.8	`hsl(197.4,24.7%,69.8%)`
HSV (or HSB)	197.4°, 19.3, 77.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.881, -6.784, -8.627
XYZ	41.933, 46.519, 59.59
xyY	0.283, 0.314, 46.519
CIE-LCH	73.881, 10.974, 231.821
CIE-LUV	73.881, -14.621, -12.015
Hunter-Lab	68.205, -9.615, -4.058
Binary	10011111, 10111010, 11000101

#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#c5aa9f
```
#c5aa9f rgb(197,170,159)
```

Complementary Color

#9fc5bd
```
#9fc5bd rgb(159,197,189)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#9fa7c5
```
#9fa7c5 rgb(159,167,197)
```

Analogous Color

#c5bd9f
```
#c5bd9f rgb(197,189,159)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#c59fa7
```
#c59fa7 rgb(197,159,167)
```

Split Complementary Color

#bac59f
```
#bac59f rgb(186,197,159)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#c59fba
```
#c59fba rgb(197,159,186)
```

Triadic Color

#9fc5aa
```
#9fc5aa rgb(159,197,170)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#c59fba
```
#c59fba rgb(197,159,186)
```
#c5aa9f
```
#c5aa9f rgb(197,170,159)
```

Tetradic Color

#6f98a8
```
#6f98a8 rgb(111,152,168)
```
#7fa3b2
```
#7fa3b2 rgb(127,163,178)
```
#8fafbb
```
#8fafbb rgb(143,175,187)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#afc5cf
```
#afc5cf rgb(175,197,207)
```
#bfd1d8
```
#bfd1d8 rgb(191,209,216)
```
#cfdce2
```
#cfdce2 rgb(207,220,226)
```

Monochromatic Color

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

#9fc4c5
```
#9fc4c5 rgb(159,196,197)
```
#9fc0c5
```
#9fc0c5 rgb(159,192,197)
```
#9fbdc5
```
#9fbdc5 rgb(159,189,197)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#9fb7c5
```
#9fb7c5 rgb(159,183,197)
```
#9fb4c5
```
#9fb4c5 rgb(159,180,197)
```
#9fb1c5
```
#9fb1c5 rgb(159,177,197)
```

Similar Colors

Text with hexadecimal color #9fbac5

This text has a font color of #9fbac5.

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

#9fbac5 background color

This paragraph has a background color of #9fbac5.

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

#9fbac5 border color

This element has a border color of #9fbac5.

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

CSS codes

.text {color:#9fbac5;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#10171a
```
#10171a rgb(16,23,26)
```
#172227
```
#172227 rgb(23,34,39)
```
#1f2d33
```
#1f2d33 rgb(31,45,51)
```
#26383f
```
#26383f rgb(38,56,63)
```
#2d434b
```
#2d434b rgb(45,67,75)
```
#354d57
```
#354d57 rgb(53,77,87)
```
#3c5864
```
#3c5864 rgb(60,88,100)
```
#446370
```
#446370 rgb(68,99,112)
```
#4b6e7c
```
#4b6e7c rgb(75,110,124)
```
#527988
```
#527988 rgb(82,121,136)
```
#5a8495
```
#5a8495 rgb(90,132,149)
```

Shade Color Variation

#628ea0
```
#628ea0 rgb(98,142,160)
```
#6e97a7
```
#6e97a7 rgb(110,151,167)
```
#7aa0af
```
#7aa0af rgb(122,160,175)
```
#87a8b6
```
#87a8b6 rgb(135,168,182)
```
#93b1be
```
#93b1be rgb(147,177,190)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#abc3cc
```
#abc3cc rgb(171,195,204)
```
#b7ccd4
```
#b7ccd4 rgb(183,204,212)
```
#c4d4db
```
#c4d4db rgb(196,212,219)
```
#d0dde3
```
#d0dde3 rgb(208,221,227)
```
#dce6ea
```
#dce6ea rgb(220,230,234)
```
#e8eff1
```
#e8eff1 rgb(232,239,241)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

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

#b1b3b3
```
#b1b3b3 rgb(177,179,179)
```
#abb5b9
```
#abb5b9 rgb(171,181,185)
```
#a5b8bf
```
#a5b8bf rgb(165,184,191)
```
#9fbac5
```
#9fbac5 rgb(159,186,197)
```
#99bccb
```
#99bccb rgb(153,188,203)
```
#93bfd1
```
#93bfd1 rgb(147,191,209)
```
#8dc1d7
```
#8dc1d7 rgb(141,193,215)
```
#87c4dd
```
#87c4dd rgb(135,196,221)
```
#81c6e3
```
#81c6e3 rgb(129,198,227)
```
#7bc9e9
```
#7bc9e9 rgb(123,201,233)
```
#76cbee
```
#76cbee rgb(118,203,238)
```
#70cef4
```
#70cef4 rgb(112,206,244)
```
#6ad0fa
```
#6ad0fa rgb(106,208,250)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#afb4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b8c5 Protanopia 1% of men
#c2b4cb Deuteranopia 1% of men
#a4bdca Tritanopia 0.001% of the population

Trichromacy

#afb8c5 Protanomaly 1% of men, 0.01% of women
#b5b6c8 Deuteranomaly 6% of men, 0.4% of women
#a2bbc8 Tritanomaly 0.01% of the population

#9fbac5 hex color

#9fbac5 Color Information

#9fbac5 Color Conversion

Color Schemes with #9fbac5

Alternatives to #9fbac5

#9fbac5 Preview

Shades and Tints of #9fbac5

Tones of #9fbac5

Color Blindness Simulator