#9bacf8 hex color

In a RGB color space, hex #9bacf8 is composed of 60.8% red, 67.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 30.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 229 degrees, a saturation of 86.9% and a lightness of 79%. #9bacf8 color hex could be obtained by blending #ffffff with #3759f1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 67
- B 97
RGB color chart
- C 38
- M 31
- Y 0
- K 3
CMYK color chart

● #9bacf8 color description : Very soft blue.

The hexadecimal color #9bacf8 has RGB values of R:155, G:172, B:248 and CMYK values of C:0.38, M:0.31, Y:0, K:0.03. Its decimal value is 10202360.

Hex triplet	9bacf8	`#9bacf8`
RGB Decimal	155, 172, 248	`rgb(155,172,248)`
RGB Percent	60.8, 67.5, 97.3	`rgb(60.8%,67.5%,97.3%)`
CMYK	38, 31, 0, 3
HSL	229°, 86.9, 79	`hsl(229,86.9%,79%)`
HSV (or HSB)	229°, 37.5, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.724, 12.182, -39.706
XYZ	45.21, 43.25, 94.768
xyY	0.247, 0.236, 43.25
CIE-LCH	71.724, 41.533, 287.056
CIE-LUV	71.724, -12.104, -65.678
Hunter-Lab	65.764, 7.622, -39.403
Binary	10011011, 10101100, 11111000

#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#f8e79b
```
#f8e79b rgb(248,231,155)
```

Complementary Color

#9bdbf8
```
#9bdbf8 rgb(155,219,248)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#b99bf8
```
#b99bf8 rgb(185,155,248)
```

Analogous Color

#dbf89b
```
#dbf89b rgb(219,248,155)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#f8b99b
```
#f8b99b rgb(248,185,155)
```

Split Complementary Color

#acf89b
```
#acf89b rgb(172,248,155)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#f89bac
```
#f89bac rgb(248,155,172)
```

Triadic Color

#9bf8e7
```
#9bf8e7 rgb(155,248,231)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#f89bac
```
#f89bac rgb(248,155,172)
```
#f8e79b
```
#f8e79b rgb(248,231,155)
```

Tetradic Color

#5471f3
```
#5471f3 rgb(84,113,243)
```
#6b84f5
```
#6b84f5 rgb(107,132,245)
```
#8398f6
```
#8398f6 rgb(131,152,246)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#b3c0fa
```
#b3c0fa rgb(179,192,250)
```
#cbd4fb
```
#cbd4fb rgb(203,212,251)
```
#e2e7fd
```
#e2e7fd rgb(226,231,253)
```

Monochromatic Color

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

#9bc3f8
```
#9bc3f8 rgb(155,195,248)
```
#9bbcf8
```
#9bbcf8 rgb(155,188,248)
```
#9bb4f8
```
#9bb4f8 rgb(155,180,248)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#9ba4f8
```
#9ba4f8 rgb(155,164,248)
```
#9b9df8
```
#9b9df8 rgb(155,157,248)
```
#a19bf8
```
#a19bf8 rgb(161,155,248)
```

Similar Colors

Text with hexadecimal color #9bacf8

This text has a font color of #9bacf8.

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

#9bacf8 background color

This paragraph has a background color of #9bacf8.

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

#9bacf8 border color

This element has a border color of #9bacf8.

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

CSS codes

.text {color:#9bacf8;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#02071c
```
#02071c rgb(2,7,28)
```
#030b2f
```
#030b2f rgb(3,11,47)
```
#051041
```
#051041 rgb(5,16,65)
```
#061453
```
#061453 rgb(6,20,83)
```
#071866
```
#071866 rgb(7,24,102)
```
#081d78
```
#081d78 rgb(8,29,120)
```
#0a218a
```
#0a218a rgb(10,33,138)
```
#0b269d
```
#0b269d rgb(11,38,157)
```
#0c2aaf
```
#0c2aaf rgb(12,42,175)
```
#0e2ec1
```
#0e2ec1 rgb(14,46,193)
```
#0f33d4
```
#0f33d4 rgb(15,51,212)
```
#1037e6
```
#1037e6 rgb(16,55,230)
```

Shade Color Variation

#1b41ef
```
#1b41ef rgb(27,65,239)
```
#2d51f0
```
#2d51f0 rgb(45,81,240)
```
#3f60f2
```
#3f60f2 rgb(63,96,242)
```
#526ff3
```
#526ff3 rgb(82,111,243)
```
#647ef4
```
#647ef4 rgb(100,126,244)
```
#768ef5
```
#768ef5 rgb(118,142,245)
```
#899df7
```
#899df7 rgb(137,157,247)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#adbbf9
```
#adbbf9 rgb(173,187,249)
```
#c0cafb
```
#c0cafb rgb(192,202,251)
```
#d2dafc
```
#d2dafc rgb(210,218,252)
```
#e4e9fd
```
#e4e9fd rgb(228,233,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#c8c9cb
```
#c8c9cb rgb(200,201,203)
```
#c4c6cf
```
#c4c6cf rgb(196,198,207)
```
#c0c3d3
```
#c0c3d3 rgb(192,195,211)
```
#bcc1d7
```
#bcc1d7 rgb(188,193,215)
```
#b8bedb
```
#b8bedb rgb(184,190,219)
```
#b4bcdf
```
#b4bcdf rgb(180,188,223)
```
#b0b9e3
```
#b0b9e3 rgb(176,185,227)
```
#abb6e8
```
#abb6e8 rgb(171,182,232)
```
#a7b4ec
```
#a7b4ec rgb(167,180,236)
```
#a3b1f0
```
#a3b1f0 rgb(163,177,240)
```
#9faff4
```
#9faff4 rgb(159,175,244)
```
#9bacf8
```
#9bacf8 rgb(155,172,248)
```
#97a9fc
```
#97a9fc rgb(151,169,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#acafbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb1f9 Protanopia 1% of men
#98b2f7 Deuteranopia 1% of men
#91bac7 Tritanopia 0.001% of the population

Trichromacy

#9baff8 Protanomaly 1% of men, 0.01% of women
#99b0f7 Deuteranomaly 6% of men, 0.4% of women
#95b5d9 Tritanomaly 0.01% of the population

#9bacf8 hex color

#9bacf8 Color Information

#9bacf8 Color Conversion

Color Schemes with #9bacf8

Alternatives to #9bacf8

#9bacf8 Preview

Shades and Tints of #9bacf8

Tones of #9bacf8

Color Blindness Simulator