#9bb6f1 hex color

In a RGB color space, hex #9bb6f1 is composed of 60.8% red, 71.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 24.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 221.2 degrees, a saturation of 75.4% and a lightness of 77.6%. #9bb6f1 color hex could be obtained by blending #ffffff with #376de3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 61
- G 71
- B 95
RGB color chart
- C 36
- M 24
- Y 0
- K 5
CMYK color chart

● #9bb6f1 color description : Very soft blue.

The hexadecimal color #9bb6f1 has RGB values of R:155, G:182, B:241 and CMYK values of C:0.36, M:0.24, Y:0, K:0.05. Its decimal value is 10204913.

Hex triplet	9bb6f1	`#9bb6f1`
RGB Decimal	155, 182, 241	`rgb(155,182,241)`
RGB Percent	60.8, 71.4, 94.5	`rgb(60.8%,71.4%,94.5%)`
CMYK	36, 24, 0, 5
HSL	221.2°, 75.4, 77.6	`hsl(221.2,75.4%,77.6%)`
HSV (or HSB)	221.2°, 35.7, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.045, 4.778, -32.317
XYZ	46.119, 46.774, 89.813
xyY	0.252, 0.256, 46.774
CIE-LCH	74.045, 32.668, 278.41
CIE-LUV	74.045, -15.859, -52.437
Hunter-Lab	68.391, 0.685, -29.986
Binary	10011011, 10110110, 11110001

#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#f1d69b
```
#f1d69b rgb(241,214,155)
```

Complementary Color

#9be1f1
```
#9be1f1 rgb(155,225,241)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#ab9bf1
```
#ab9bf1 rgb(171,155,241)
```

Analogous Color

#e1f19b
```
#e1f19b rgb(225,241,155)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#f1ab9b
```
#f1ab9b rgb(241,171,155)
```

Split Complementary Color

#b6f19b
```
#b6f19b rgb(182,241,155)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#f19bb6
```
#f19bb6 rgb(241,155,182)
```

Triadic Color

#9bf1d6
```
#9bf1d6 rgb(155,241,214)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#f19bb6
```
#f19bb6 rgb(241,155,182)
```
#f1d69b
```
#f1d69b rgb(241,214,155)
```

Tetradic Color

#5885e8
```
#5885e8 rgb(88,133,232)
```
#6e95eb
```
#6e95eb rgb(110,149,235)
```
#85a6ee
```
#85a6ee rgb(133,166,238)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#b1c6f4
```
#b1c6f4 rgb(177,198,244)
```
#c8d7f7
```
#c8d7f7 rgb(200,215,247)
```
#dee7fa
```
#dee7fa rgb(222,231,250)
```

Monochromatic Color

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

#9bccf1
```
#9bccf1 rgb(155,204,241)
```
#9bc4f1
```
#9bc4f1 rgb(155,196,241)
```
#9bbdf1
```
#9bbdf1 rgb(155,189,241)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#9ba8f1
```
#9ba8f1 rgb(155,168,241)
```
#9ba1f1
```
#9ba1f1 rgb(155,161,241)
```

Similar Colors

Text with hexadecimal color #9bb6f1

This text has a font color of #9bb6f1.

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

#9bb6f1 background color

This paragraph has a background color of #9bb6f1.

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

#9bb6f1 border color

This element has a border color of #9bb6f1.

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

CSS codes

.text {color:#9bb6f1;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030814
```
#030814 rgb(3,8,20)
```
#050f26
```
#050f26 rgb(5,15,38)
```
#081637
```
#081637 rgb(8,22,55)
```
#0a1e48
```
#0a1e48 rgb(10,30,72)
```
#0c2559
```
#0c2559 rgb(12,37,89)
```
#0f2c6a
```
#0f2c6a rgb(15,44,106)
```
#11337c
```
#11337c rgb(17,51,124)
```
#143a8d
```
#143a8d rgb(20,58,141)
```
#16419e
```
#16419e rgb(22,65,158)
```
#1948af
```
#1948af rgb(25,72,175)
```
#1b4fc1
```
#1b4fc1 rgb(27,79,193)
```
#1d56d2
```
#1d56d2 rgb(29,86,210)
```

Shade Color Variation

#235ee0
```
#235ee0 rgb(35,94,224)
```
#346be3
```
#346be3 rgb(52,107,227)
```
#4577e5
```
#4577e5 rgb(69,119,229)
```
#5684e7
```
#5684e7 rgb(86,132,231)
```
#6790ea
```
#6790ea rgb(103,144,234)
```
#799dec
```
#799dec rgb(121,157,236)
```
#8aa9ef
```
#8aa9ef rgb(138,169,239)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#acc3f3
```
#acc3f3 rgb(172,195,243)
```
#bdcff6
```
#bdcff6 rgb(189,207,246)
```
#cfdcf8
```
#cfdcf8 rgb(207,220,248)
```
#e0e8fb
```
#e0e8fb rgb(224,232,251)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

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

#c2c5ca
```
#c2c5ca rgb(194,197,202)
```
#bec3ce
```
#bec3ce rgb(190,195,206)
```
#bac1d2
```
#bac1d2 rgb(186,193,210)
```
#b5c0d7
```
#b5c0d7 rgb(181,192,215)
```
#b1bedb
```
#b1bedb rgb(177,190,219)
```
#adbddf
```
#adbddf rgb(173,189,223)
```
#a8bbe4
```
#a8bbe4 rgb(168,187,228)
```
#a4b9e8
```
#a4b9e8 rgb(164,185,232)
```
#9fb8ed
```
#9fb8ed rgb(159,184,237)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#97b4f5
```
#97b4f5 rgb(151,180,245)
```
#92b3fa
```
#92b3fa rgb(146,179,250)
```
#8eb1fe
```
#8eb1fe rgb(142,177,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b0b5c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b7f0 Protanopia 1% of men
#a9b7f2 Deuteranopia 1% of men
#95c0ce Tritanopia 0.001% of the population

Trichromacy

#a3b7f0 Protanomaly 1% of men, 0.01% of women
#a4b6f2 Deuteranomaly 6% of men, 0.4% of women
#97bcdb Tritanomaly 0.01% of the population

#9bb6f1 hex color

#9bb6f1 Color Information

#9bb6f1 Color Conversion

Color Schemes with #9bb6f1

Alternatives to #9bb6f1

#9bb6f1 Preview

Shades and Tints of #9bb6f1

Tones of #9bb6f1

Color Blindness Simulator