#9bafc3 hex color

In a RGB color space, hex #9bafc3 is composed of 60.8% red, 68.6% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 10.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 210 degrees, a saturation of 25% and a lightness of 68.6%. #9bafc3 color hex could be obtained by blending #ffffff with #375f87. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 69
- B 76
RGB color chart
- C 21
- M 10
- Y 0
- K 24
CMYK color chart

● #9bafc3 color description : Grayish blue.

The hexadecimal color #9bafc3 has RGB values of R:155, G:175, B:195 and CMYK values of C:0.21, M:0.1, Y:0, K:0.24. Its decimal value is 10203075.

Hex triplet	9bafc3	`#9bafc3`
RGB Decimal	155, 175, 195	`rgb(155,175,195)`
RGB Percent	60.8, 68.6, 76.5	`rgb(60.8%,68.6%,76.5%)`
CMYK	21, 10, 0, 24
HSL	210°, 25, 68.6	`hsl(210,25%,68.6%)`
HSV (or HSB)	210°, 20.5, 76.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.572, -2.578, -12.501
XYZ	38.696, 41.568, 57.611
xyY	0.281, 0.301, 41.568
CIE-LCH	70.572, 12.764, 258.347
CIE-LUV	70.572, -11.451, -18.647
Hunter-Lab	64.473, -5.695, -7.849
Binary	10011011, 10101111, 11000011

#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#c3af9b
```
#c3af9b rgb(195,175,155)
```

Complementary Color

#9bc3c3
```
#9bc3c3 rgb(155,195,195)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#9b9bc3
```
#9b9bc3 rgb(155,155,195)
```

Analogous Color

#c3c39b
```
#c3c39b rgb(195,195,155)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#c39b9b
```
#c39b9b rgb(195,155,155)
```

Split Complementary Color

#afc39b
```
#afc39b rgb(175,195,155)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#c39baf
```
#c39baf rgb(195,155,175)
```

Triadic Color

#9bc3af
```
#9bc3af rgb(155,195,175)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#c39baf
```
#c39baf rgb(195,155,175)
```
#c3af9b
```
#c3af9b rgb(195,175,155)
```

Tetradic Color

#6b89a6
```
#6b89a6 rgb(107,137,166)
```
#7b96b0
```
#7b96b0 rgb(123,150,176)
```
#8ba2b9
```
#8ba2b9 rgb(139,162,185)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#abbccd
```
#abbccd rgb(171,188,205)
```
#bbc9d6
```
#bbc9d6 rgb(187,201,214)
```
#cbd5e0
```
#cbd5e0 rgb(203,213,224)
```

Monochromatic Color

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

#9bb9c3
```
#9bb9c3 rgb(155,185,195)
```
#9bb6c3
```
#9bb6c3 rgb(155,182,195)
```
#9bb2c3
```
#9bb2c3 rgb(155,178,195)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#9bacc3
```
#9bacc3 rgb(155,172,195)
```
#9ba8c3
```
#9ba8c3 rgb(155,168,195)
```
#9ba5c3
```
#9ba5c3 rgb(155,165,195)
```

Similar Colors

Text with hexadecimal color #9bafc3

This text has a font color of #9bafc3.

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

#9bafc3 background color

This paragraph has a background color of #9bafc3.

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

#9bafc3 border color

This element has a border color of #9bafc3.

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

CSS codes

.text {color:#9bafc3;}

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

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

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1217
```
#0e1217 rgb(14,18,23)
```
#151c23
```
#151c23 rgb(21,28,35)
```
#1c262f
```
#1c262f rgb(28,38,47)
```
#24303b
```
#24303b rgb(36,48,59)
```
#2b3948
```
#2b3948 rgb(43,57,72)
```
#324354
```
#324354 rgb(50,67,84)
```
#3a4d60
```
#3a4d60 rgb(58,77,96)
```
#41576c
```
#41576c rgb(65,87,108)
```
#486179
```
#486179 rgb(72,97,121)
```
#506a85
```
#506a85 rgb(80,106,133)
```
#577491
```
#577491 rgb(87,116,145)
```
#5e7e9d
```
#5e7e9d rgb(94,126,157)
```

Shade Color Variation

#6a88a6
```
#6a88a6 rgb(106,136,166)
```
#7692ad
```
#7692ad rgb(118,146,173)
```
#829bb4
```
#829bb4 rgb(130,155,180)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#a7b9ca
```
#a7b9ca rgb(167,185,202)
```
#b4c3d2
```
#b4c3d2 rgb(180,195,210)
```
#c0ccd9
```
#c0ccd9 rgb(192,204,217)
```
#ccd6e0
```
#ccd6e0 rgb(204,214,224)
```
#d8e0e8
```
#d8e0e8 rgb(216,224,232)
```
#e5eaef
```
#e5eaef rgb(229,234,239)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#adafb1
```
#adafb1 rgb(173,175,177)
```
#a7afb7
```
#a7afb7 rgb(167,175,183)
```
#a1afbd
```
#a1afbd rgb(161,175,189)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#95afc9
```
#95afc9 rgb(149,175,201)
```
#8fafcf
```
#8fafcf rgb(143,175,207)
```
#89afd5
```
#89afd5 rgb(137,175,213)
```
#82afdc
```
#82afdc rgb(130,175,220)
```
#7cafe2
```
#7cafe2 rgb(124,175,226)
```
#76afe8
```
#76afe8 rgb(118,175,232)
```
#70afee
```
#70afee rgb(112,175,238)
```
#6aaff4
```
#6aaff4 rgb(106,175,244)
```
#64affa
```
#64affa rgb(100,175,250)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8acb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adafc4 Protanopia 1% of men
#b5acc8 Deuteranopia 1% of men
#9fb4c1 Tritanopia 0.001% of the population

Trichromacy

#a7afc3 Protanomaly 1% of men, 0.01% of women
#abadc6 Deuteranomaly 6% of men, 0.4% of women
#9db2c1 Tritanomaly 0.01% of the population

#9bafc3 hex color

#9bafc3 Color Information

#9bafc3 Color Conversion

Color Schemes with #9bafc3

Alternatives to #9bafc3

#9bafc3 Preview

Shades and Tints of #9bafc3

Tones of #9bafc3

Color Blindness Simulator