#9bb1f6 hex color

In a RGB color space, hex #9bb1f6 is composed of 60.8% red, 69.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 28% magenta, 0% yellow and 3.5% black. It has a hue angle of 225.5 degrees, a saturation of 83.5% and a lightness of 78.6%. #9bb1f6 color hex could be obtained by blending #ffffff with #3763ed. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 69
- B 96
RGB color chart
- C 37
- M 28
- Y 0
- K 4
CMYK color chart

● #9bb1f6 color description : Very soft blue.

The hexadecimal color #9bb1f6 has RGB values of R:155, G:177, B:246 and CMYK values of C:0.37, M:0.28, Y:0, K:0.04. Its decimal value is 10203638.

Hex triplet	9bb1f6	`#9bb1f6`
RGB Decimal	155, 177, 246	`rgb(155,177,246)`
RGB Percent	60.8, 69.4, 96.5	`rgb(60.8%,69.4%,96.5%)`
CMYK	37, 28, 0, 4
HSL	225.5°, 83.5, 78.6	`hsl(225.5,83.5%,78.6%)`
HSV (or HSB)	225.5°, 37, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.935, 8.856, -36.74
XYZ	45.871, 45.065, 93.465
xyY	0.249, 0.244, 45.065
CIE-LCH	72.935, 37.792, 283.552
CIE-LUV	72.935, -14.002, -60.357
Hunter-Lab	67.131, 4.491, -35.557
Binary	10011011, 10110001, 11110110

#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#f6e09b
```
#f6e09b rgb(246,224,155)
```

Complementary Color

#9bdff6
```
#9bdff6 rgb(155,223,246)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#b39bf6
```
#b39bf6 rgb(179,155,246)
```

Analogous Color

#dff69b
```
#dff69b rgb(223,246,155)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#f6b39b
```
#f6b39b rgb(246,179,155)
```

Split Complementary Color

#b1f69b
```
#b1f69b rgb(177,246,155)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#f69bb1
```
#f69bb1 rgb(246,155,177)
```

Triadic Color

#9bf6e0
```
#9bf6e0 rgb(155,246,224)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#f69bb1
```
#f69bb1 rgb(246,155,177)
```
#f6e09b
```
#f6e09b rgb(246,224,155)
```

Tetradic Color

#557af0
```
#557af0 rgb(85,122,240)
```
#6c8df2
```
#6c8df2 rgb(108,141,242)
```
#849ff4
```
#849ff4 rgb(132,159,244)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#b2c3f8
```
#b2c3f8 rgb(178,195,248)
```
#cad5fa
```
#cad5fa rgb(202,213,250)
```
#e1e8fc
```
#e1e8fc rgb(225,232,252)
```

Monochromatic Color

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

#9bc8f6
```
#9bc8f6 rgb(155,200,246)
```
#9bc0f6
```
#9bc0f6 rgb(155,192,246)
```
#9bb9f6
```
#9bb9f6 rgb(155,185,246)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#9ba9f6
```
#9ba9f6 rgb(155,169,246)
```
#9ba2f6
```
#9ba2f6 rgb(155,162,246)
```
#9c9bf6
```
#9c9bf6 rgb(156,155,246)
```

Similar Colors

Text with hexadecimal color #9bb1f6

This text has a font color of #9bb1f6.

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

#9bb1f6 background color

This paragraph has a background color of #9bb1f6.

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

#9bb1f6 border color

This element has a border color of #9bb1f6.

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

CSS codes

.text {color:#9bb1f6;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02081a
```
#02081a rgb(2,8,26)
```
#040e2c
```
#040e2c rgb(4,14,44)
```
#06133e
```
#06133e rgb(6,19,62)
```
#071950
```
#071950 rgb(7,25,80)
```
#091e62
```
#091e62 rgb(9,30,98)
```
#0a2474
```
#0a2474 rgb(10,36,116)
```
#0c2a86
```
#0c2a86 rgb(12,42,134)
```
#0e2f98
```
#0e2f98 rgb(14,47,152)
```
#0f35aa
```
#0f35aa rgb(15,53,170)
```
#113abc
```
#113abc rgb(17,58,188)
```
#1340ce
```
#1340ce rgb(19,64,206)
```
#1445e0
```
#1445e0 rgb(20,69,224)
```

Shade Color Variation

#1d4feb
```
#1d4feb rgb(29,79,235)
```
#2f5dec
```
#2f5dec rgb(47,93,236)
```
#416bee
```
#416bee rgb(65,107,238)
```
#5379f0
```
#5379f0 rgb(83,121,240)
```
#6587f1
```
#6587f1 rgb(101,135,241)
```
#7795f3
```
#7795f3 rgb(119,149,243)
```
#89a3f4
```
#89a3f4 rgb(137,163,244)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#adbff8
```
#adbff8 rgb(173,191,248)
```
#bfcdf9
```
#bfcdf9 rgb(191,205,249)
```
#d1dbfb
```
#d1dbfb rgb(209,219,251)
```
#e3e9fc
```
#e3e9fc rgb(227,233,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#c5c7cc
```
#c5c7cc rgb(197,199,204)
```
#c1c4d0
```
#c1c4d0 rgb(193,196,208)
```
#bdc2d4
```
#bdc2d4 rgb(189,194,212)
```
#b8c0d9
```
#b8c0d9 rgb(184,192,217)
```
#b4bedd
```
#b4bedd rgb(180,190,221)
```
#b0bce1
```
#b0bce1 rgb(176,188,225)
```
#acbae5
```
#acbae5 rgb(172,186,229)
```
#a8b7e9
```
#a8b7e9 rgb(168,183,233)
```
#a3b5ee
```
#a3b5ee rgb(163,181,238)
```
#9fb3f2
```
#9fb3f2 rgb(159,179,242)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#97affa
```
#97affa rgb(151,175,250)
```
#93adfe
```
#93adfe rgb(147,173,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#adb2c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f6 Protanopia 1% of men
#a0b5f6 Deuteranopia 1% of men
#93bdcb Tritanopia 0.001% of the population

Trichromacy

#9fb3f6 Protanomaly 1% of men, 0.01% of women
#9eb3f6 Deuteranomaly 6% of men, 0.4% of women
#96b9da Tritanomaly 0.01% of the population

#9bb1f6 hex color

#9bb1f6 Color Information

#9bb1f6 Color Conversion

Color Schemes with #9bb1f6

Alternatives to #9bb1f6

#9bb1f6 Preview

Shades and Tints of #9bb1f6

Tones of #9bb1f6

Color Blindness Simulator