#9ba2fc hex color

In a RGB color space, hex #9ba2fc is composed of 60.8% red, 63.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 35.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 235.7 degrees, a saturation of 94.2% and a lightness of 79.8%. #9ba2fc color hex could be obtained by blending #ffffff with #3745f9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 64
- B 99
RGB color chart
- C 38
- M 36
- Y 0
- K 1
CMYK color chart

● #9ba2fc color description : Very soft blue.

The hexadecimal color #9ba2fc has RGB values of R:155, G:162, B:252 and CMYK values of C:0.38, M:0.36, Y:0, K:0.01. Its decimal value is 10199804.

Hex triplet	9ba2fc	`#9ba2fc`
RGB Decimal	155, 162, 252	`rgb(155,162,252)`
RGB Percent	60.8, 63.5, 98.8	`rgb(60.8%,63.5%,98.8%)`
CMYK	38, 36, 0, 1
HSL	235.7°, 94.2, 79.8	`hsl(235.7,94.2%,79.8%)`
HSV (or HSB)	235.7°, 38.5, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.353, 18.904, -45.586
XYZ	44.005, 39.836, 97.461
xyY	0.243, 0.22, 39.836
CIE-LCH	69.353, 49.351, 292.523
CIE-LUV	69.353, -8.446, -76.136
Hunter-Lab	63.116, 13.999, -47.371
Binary	10011011, 10100010, 11111100

#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#fcf59b
```
#fcf59b rgb(252,245,155)
```

Complementary Color

#9bd3fc
```
#9bd3fc rgb(155,211,252)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#c59bfc
```
#c59bfc rgb(197,155,252)
```

Analogous Color

#d3fc9b
```
#d3fc9b rgb(211,252,155)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#fcc59b
```
#fcc59b rgb(252,197,155)
```

Split Complementary Color

#a2fc9b
```
#a2fc9b rgb(162,252,155)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#fc9ba2
```
#fc9ba2 rgb(252,155,162)
```

Triadic Color

#9bfcf5
```
#9bfcf5 rgb(155,252,245)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#fc9ba2
```
#fc9ba2 rgb(252,155,162)
```
#fcf59b
```
#fcf59b rgb(252,245,155)
```

Tetradic Color

#515dfa
```
#515dfa rgb(81,93,250)
```
#6974fb
```
#6974fb rgb(105,116,251)
```
#828bfb
```
#828bfb rgb(130,139,251)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#b4b9fd
```
#b4b9fd rgb(180,185,253)
```
#cdd0fd
```
#cdd0fd rgb(205,208,253)
```
#e5e7fe
```
#e5e7fe rgb(229,231,254)
```

Monochromatic Color

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

#9bbafc
```
#9bbafc rgb(155,186,252)
```
#9bb2fc
```
#9bb2fc rgb(155,178,252)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#9c9bfc
```
#9c9bfc rgb(156,155,252)
```
#a49bfc
```
#a49bfc rgb(164,155,252)
```
#ac9bfc
```
#ac9bfc rgb(172,155,252)
```

Similar Colors

Text with hexadecimal color #9ba2fc

This text has a font color of #9ba2fc.

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

#9ba2fc background color

This paragraph has a background color of #9ba2fc.

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

#9ba2fc border color

This element has a border color of #9ba2fc.

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

CSS codes

.text {color:#9ba2fc;}

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

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

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, #00010e is the darkest color, while #fafbff is the lightest one.

#00010e
```
#00010e rgb(0,1,14)
```
#010321
```
#010321 rgb(1,3,33)
```
#020534
```
#020534 rgb(2,5,52)
```
#020747
```
#020747 rgb(2,7,71)
```
#03095a
```
#03095a rgb(3,9,90)
```
#030b6d
```
#030b6d rgb(3,11,109)
```
#040d81
```
#040d81 rgb(4,13,129)
```
#040f94
```
#040f94 rgb(4,15,148)
```
#0511a7
```
#0511a7 rgb(5,17,167)
```
#0613ba
```
#0613ba rgb(6,19,186)
```
#0614cd
```
#0614cd rgb(6,20,205)
```
#0716e0
```
#0716e0 rgb(7,22,224)
```
#0718f3
```
#0718f3 rgb(7,24,243)
```

Shade Color Variation

#1626f8
```
#1626f8 rgb(22,38,248)
```
#2938f9
```
#2938f9 rgb(41,56,249)
```
#3c49f9
```
#3c49f9 rgb(60,73,249)
```
#4f5bfa
```
#4f5bfa rgb(79,91,250)
```
#626dfa
```
#626dfa rgb(98,109,250)
```
#757ffb
```
#757ffb rgb(117,127,251)
```
#8890fb
```
#8890fb rgb(136,144,251)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#aeb4fd
```
#aeb4fd rgb(174,180,253)
```
#c1c5fd
```
#c1c5fd rgb(193,197,253)
```
#d4d7fe
```
#d4d7fe rgb(212,215,254)
```
#e7e9fe
```
#e7e9fe rgb(231,233,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#cbcbcc
```
#cbcbcc rgb(203,203,204)
```
#c7c7d0
```
#c7c7d0 rgb(199,199,208)
```
#c3c4d4
```
#c3c4d4 rgb(195,196,212)
```
#bfc1d8
```
#bfc1d8 rgb(191,193,216)
```
#bbbddc
```
#bbbddc rgb(187,189,220)
```
#b7bae0
```
#b7bae0 rgb(183,186,224)
```
#b3b6e4
```
#b3b6e4 rgb(179,182,228)
```
#afb3e8
```
#afb3e8 rgb(175,179,232)
```
#abb0ec
```
#abb0ec rgb(171,176,236)
```
#a7acf0
```
#a7acf0 rgb(167,172,240)
```
#a3a9f4
```
#a3a9f4 rgb(163,169,244)
```
#9fa5f8
```
#9fa5f8 rgb(159,165,248)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a7a8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#8dabff Protanopia 1% of men
#88adf9 Deuteranopia 1% of men
#8eb3c0 Tritanopia 0.001% of the population

Trichromacy

#92a7fd Protanomaly 1% of men, 0.01% of women
#8fa9fa Deuteranomaly 6% of men, 0.4% of women
#92add6 Tritanomaly 0.01% of the population

#9ba2fc hex color

#9ba2fc Color Information

#9ba2fc Color Conversion

Color Schemes with #9ba2fc

Alternatives to #9ba2fc

#9ba2fc Preview

Shades and Tints of #9ba2fc

Tones of #9ba2fc

Color Blindness Simulator