#9bafcf hex color

In a RGB color space, hex #9bafcf is composed of 60.8% red, 68.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 25.1% cyan, 15.5% magenta, 0% yellow and 18.8% black. It has a hue angle of 216.9 degrees, a saturation of 35.1% and a lightness of 71%. #9bafcf color hex could be obtained by blending #ffffff with #375f9f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 69
- B 81
RGB color chart
- C 25
- M 15
- Y 0
- K 19
CMYK color chart

● #9bafcf color description : Slightly desaturated blue.

The hexadecimal color #9bafcf has RGB values of R:155, G:175, B:207 and CMYK values of C:0.25, M:0.15, Y:0, K:0.19. Its decimal value is 10203087.

Hex triplet	9bafcf	`#9bafcf`
RGB Decimal	155, 175, 207	`rgb(155,175,207)`
RGB Percent	60.8, 68.6, 81.2	`rgb(60.8%,68.6%,81.2%)`
CMYK	25, 15, 0, 19
HSL	216.9°, 35.1, 71	`hsl(216.9,35.1%,71%)`
HSV (or HSB)	216.9°, 25.1, 81.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.962, 0.193, -18.508
XYZ	40.108, 42.133, 65.047
xyY	0.272, 0.286, 42.133
CIE-LCH	70.962, 18.509, 270.597
CIE-LUV	70.962, -11.854, -28.684
Hunter-Lab	64.91, -3.297, -13.979
Binary	10011011, 10101111, 11001111

#9bafcf
```
#9bafcf rgb(155,175,207)
```
#cfbb9b
```
#cfbb9b rgb(207,187,155)
```

Complementary Color

#9bc9cf
```
#9bc9cf rgb(155,201,207)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#a19bcf
```
#a19bcf rgb(161,155,207)
```

Analogous Color

#c9cf9b
```
#c9cf9b rgb(201,207,155)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#cfa19b
```
#cfa19b rgb(207,161,155)
```

Split Complementary Color

#afcf9b
```
#afcf9b rgb(175,207,155)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#cf9baf
```
#cf9baf rgb(207,155,175)
```

Triadic Color

#9bcfbb
```
#9bcfbb rgb(155,207,187)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#cf9baf
```
#cf9baf rgb(207,155,175)
```
#cfbb9b
```
#cfbb9b rgb(207,187,155)
```

Tetradic Color

#6786b6
```
#6786b6 rgb(103,134,182)
```
#7993be
```
#7993be rgb(121,147,190)
```
#8aa1c7
```
#8aa1c7 rgb(138,161,199)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#acbdd7
```
#acbdd7 rgb(172,189,215)
```
#bdcbe0
```
#bdcbe0 rgb(189,203,224)
```
#cfd8e8
```
#cfd8e8 rgb(207,216,232)
```

Monochromatic Color

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

#9bbccf
```
#9bbccf rgb(155,188,207)
```
#9bb8cf
```
#9bb8cf rgb(155,184,207)
```
#9bb3cf
```
#9bb3cf rgb(155,179,207)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#9babcf
```
#9babcf rgb(155,171,207)
```
#9ba6cf
```
#9ba6cf rgb(155,166,207)
```
#9ba2cf
```
#9ba2cf rgb(155,162,207)
```

Similar Colors

Text with hexadecimal color #9bafcf

This text has a font color of #9bafcf.

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

#9bafcf background color

This paragraph has a background color of #9bafcf.

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

#9bafcf border color

This element has a border color of #9bafcf.

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

CSS codes

.text {color:#9bafcf;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090d13
```
#090d13 rgb(9,13,19)
```
#101621
```
#101621 rgb(16,22,33)
```
#161f2e
```
#161f2e rgb(22,31,46)
```
#1c283b
```
#1c283b rgb(28,40,59)
```
#233148
```
#233148 rgb(35,49,72)
```
#293a56
```
#293a56 rgb(41,58,86)
```
#2f4363
```
#2f4363 rgb(47,67,99)
```
#364c70
```
#364c70 rgb(54,76,112)
```
#3c557d
```
#3c557d rgb(60,85,125)
```
#435e8b
```
#435e8b rgb(67,94,139)
```
#496798
```
#496798 rgb(73,103,152)
```
#4f70a5
```
#4f70a5 rgb(79,112,165)
```

Shade Color Variation

#597aaf
```
#597aaf rgb(89,122,175)
```
#6685b6
```
#6685b6 rgb(102,133,182)
```
#738fbc
```
#738fbc rgb(115,143,188)
```
#809ac2
```
#809ac2 rgb(128,154,194)
```
#8ea4c9
```
#8ea4c9 rgb(142,164,201)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#a8bad5
```
#a8bad5 rgb(168,186,213)
```
#b6c4dc
```
#b6c4dc rgb(182,196,220)
```
#c3cfe2
```
#c3cfe2 rgb(195,207,226)
```
#d0d9e8
```
#d0d9e8 rgb(208,217,232)
```
#dde4ef
```
#dde4ef rgb(221,228,239)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#b2b4b8
```
#b2b4b8 rgb(178,180,184)
```
#acb3be
```
#acb3be rgb(172,179,190)
```
#a6b2c4
```
#a6b2c4 rgb(166,178,196)
```
#a1b0c9
```
#a1b0c9 rgb(161,176,201)
```
#9bafcf
```
#9bafcf rgb(155,175,207)
```
#95aed5
```
#95aed5 rgb(149,174,213)
```
#90acda
```
#90acda rgb(144,172,218)
```
#8aabe0
```
#8aabe0 rgb(138,171,224)
```
#84aae6
```
#84aae6 rgb(132,170,230)
```
#7fa8eb
```
#7fa8eb rgb(127,168,235)
```
#79a7f1
```
#79a7f1 rgb(121,167,241)
```
#73a6f7
```
#73a6f7 rgb(115,166,247)
```
#6da4fd
```
#6da4fd rgb(109,164,253)
```

Tone Color Variation

Below, you can see how #9bafcf 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
#a9adb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cf Protanopia 1% of men
#b0aed3 Deuteranopia 1% of men
#9cb5c2 Tritanopia 0.001% of the population

Trichromacy

#a5afcf Protanomaly 1% of men, 0.01% of women
#a8aed1 Deuteranomaly 6% of men, 0.4% of women
#9cb3c7 Tritanomaly 0.01% of the population

#9bafcf hex color

#9bafcf Color Information

#9bafcf Color Conversion

Color Schemes with #9bafcf

Alternatives to #9bafcf

#9bafcf Preview

Shades and Tints of #9bafcf

Tones of #9bafcf

Color Blindness Simulator