#9ba8fd hex color

In a RGB color space, hex #9ba8fd is composed of 60.8% red, 65.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 33.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 232 degrees, a saturation of 96.1% and a lightness of 80%. #9ba8fd color hex could be obtained by blending #ffffff with #3751fb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 66
- B 99
RGB color chart
- C 39
- M 34
- Y 0
- K 1
CMYK color chart

● #9ba8fd color description : Very soft blue.

The hexadecimal color #9ba8fd has RGB values of R:155, G:168, B:253 and CMYK values of C:0.39, M:0.34, Y:0, K:0.01. Its decimal value is 10201341.

Hex triplet	9ba8fd	`#9ba8fd`
RGB Decimal	155, 168, 253	`rgb(155,168,253)`
RGB Percent	60.8, 65.9, 99.2	`rgb(60.8%,65.9%,99.2%)`
CMYK	39, 34, 0, 1
HSL	232°, 96.1, 80	`hsl(232,96.1%,80%)`
HSV (or HSB)	232°, 38.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.915, 15.772, -43.679
XYZ	45.246, 42.064, 98.658
xyY	0.243, 0.226, 42.064
CIE-LCH	70.915, 46.439, 289.855
CIE-LUV	70.915, -10.765, -72.762
Hunter-Lab	64.857, 11.027, -44.79
Binary	10011011, 10101000, 11111101

#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#fdf09b
```
#fdf09b rgb(253,240,155)
```

Complementary Color

#9bd9fd
```
#9bd9fd rgb(155,217,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#bf9bfd
```
#bf9bfd rgb(191,155,253)
```

Analogous Color

#d9fd9b
```
#d9fd9b rgb(217,253,155)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#fdbf9b
```
#fdbf9b rgb(253,191,155)
```

Split Complementary Color

#a8fd9b
```
#a8fd9b rgb(168,253,155)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#fd9ba8
```
#fd9ba8 rgb(253,155,168)
```

Triadic Color

#9bfdf0
```
#9bfdf0 rgb(155,253,240)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#fd9ba8
```
#fd9ba8 rgb(253,155,168)
```
#fdf09b
```
#fdf09b rgb(253,240,155)
```

Tetradic Color

#5067fc
```
#5067fc rgb(80,103,252)
```
#697dfc
```
#697dfc rgb(105,125,252)
```
#8292fd
```
#8292fd rgb(130,146,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#b4befe
```
#b4befe rgb(180,190,254)
```
#cdd4fe
```
#cdd4fe rgb(205,212,254)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```

Monochromatic Color

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

#9bc1fd
```
#9bc1fd rgb(155,193,253)
```
#9bb8fd
```
#9bb8fd rgb(155,184,253)
```
#9bb0fd
```
#9bb0fd rgb(155,176,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#9ba0fd
```
#9ba0fd rgb(155,160,253)
```
#9e9bfd
```
#9e9bfd rgb(158,155,253)
```
#a79bfd
```
#a79bfd rgb(167,155,253)
```

Similar Colors

Text with hexadecimal color #9ba8fd

This text has a font color of #9ba8fd.

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

#9ba8fd background color

This paragraph has a background color of #9ba8fd.

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

#9ba8fd border color

This element has a border color of #9ba8fd.

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

CSS codes

.text {color:#9ba8fd;}

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

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

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, #00020f is the darkest color, while #fbfcff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#010523
```
#010523 rgb(1,5,35)
```
#010836
```
#010836 rgb(1,8,54)
```
#010b49
```
#010b49 rgb(1,11,73)
```
#020e5c
```
#020e5c rgb(2,14,92)
```
#021170
```
#021170 rgb(2,17,112)
```
#031483
```
#031483 rgb(3,20,131)
```
#031796
```
#031796 rgb(3,23,150)
```
#0319a9
```
#0319a9 rgb(3,25,169)
```
#041cbc
```
#041cbc rgb(4,28,188)
```
#041fd0
```
#041fd0 rgb(4,31,208)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#0525f6
```
#0525f6 rgb(5,37,246)
```

Shade Color Variation

#1433fa
```
#1433fa rgb(20,51,250)
```
#2844fb
```
#2844fb rgb(40,68,251)
```
#3b54fb
```
#3b54fb rgb(59,84,251)
```
#4e65fb
```
#4e65fb rgb(78,101,251)
```
#6176fc
```
#6176fc rgb(97,118,252)
```
#7587fc
```
#7587fc rgb(117,135,252)
```
#8897fd
```
#8897fd rgb(136,151,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#aeb9fd
```
#aeb9fd rgb(174,185,253)
```
#c1c9fe
```
#c1c9fe rgb(193,201,254)
```
#d5dafe
```
#d5dafe rgb(213,218,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#cacbce
```
#cacbce rgb(202,203,206)
```
#c6c8d2
```
#c6c8d2 rgb(198,200,210)
```
#c2c5d6
```
#c2c5d6 rgb(194,197,214)
```
#bec2da
```
#bec2da rgb(190,194,218)
```
#babfde
```
#babfde rgb(186,191,222)
```
#b6bce2
```
#b6bce2 rgb(182,188,226)
```
#b3b9e5
```
#b3b9e5 rgb(179,185,229)
```
#afb6e9
```
#afb6e9 rgb(175,182,233)
```
#abb4ed
```
#abb4ed rgb(171,180,237)
```
#a7b1f1
```
#a7b1f1 rgb(167,177,241)
```
#a3aef5
```
#a3aef5 rgb(163,174,245)
```
#9fabf9
```
#9fabf9 rgb(159,171,249)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aaadbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#94afff Protanopia 1% of men
#90b0fb Deuteranopia 1% of men
#8fb8c5 Tritanopia 0.001% of the population

Trichromacy

#96acfe Protanomaly 1% of men, 0.01% of women
#94adfc Deuteranomaly 6% of men, 0.4% of women
#93b2d9 Tritanomaly 0.01% of the population

#9ba8fd hex color

#9ba8fd Color Information

#9ba8fd Color Conversion

Color Schemes with #9ba8fd

Alternatives to #9ba8fd

#9ba8fd Preview

Shades and Tints of #9ba8fd

Tones of #9ba8fd

Color Blindness Simulator