#9ba5f2 hex color

In a RGB color space, hex #9ba5f2 is composed of 60.8% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 31.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 233.1 degrees, a saturation of 77% and a lightness of 77.8%. #9ba5f2 color hex could be obtained by blending #ffffff with #374be5. Closest websafe color is: #9999ff.

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

● #9ba5f2 color description : Very soft blue.

The hexadecimal color #9ba5f2 has RGB values of R:155, G:165, B:242 and CMYK values of C:0.36, M:0.32, Y:0, K:0.05. Its decimal value is 10200562.

Hex triplet	9ba5f2	`#9ba5f2`
RGB Decimal	155, 165, 242	`rgb(155,165,242)`
RGB Percent	60.8, 64.7, 94.9	`rgb(60.8%,64.7%,94.9%)`
CMYK	36, 32, 0, 5
HSL	233.1°, 77, 77.8	`hsl(233.1,77%,77.8%)`
HSV (or HSB)	233.1°, 36, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.675, 14.539, -39.641
XYZ	42.997, 40.289, 89.511
xyY	0.249, 0.233, 40.289
CIE-LCH	69.675, 42.224, 290.142
CIE-LUV	69.675, -9.106, -65.601
Hunter-Lab	63.473, 9.837, -39.18
Binary	10011011, 10100101, 11110010

#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#f2e89b
```
#f2e89b rgb(242,232,155)
```

Complementary Color

#9bd1f2
```
#9bd1f2 rgb(155,209,242)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#bd9bf2
```
#bd9bf2 rgb(189,155,242)
```

Analogous Color

#d1f29b
```
#d1f29b rgb(209,242,155)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#f2bd9b
```
#f2bd9b rgb(242,189,155)
```

Split Complementary Color

#a5f29b
```
#a5f29b rgb(165,242,155)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#f29ba5
```
#f29ba5 rgb(242,155,165)
```

Triadic Color

#9bf2e8
```
#9bf2e8 rgb(155,242,232)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#f29ba5
```
#f29ba5 rgb(242,155,165)
```
#f2e89b
```
#f2e89b rgb(242,232,155)
```

Tetradic Color

#5768e9
```
#5768e9 rgb(87,104,233)
```
#6e7cec
```
#6e7cec rgb(110,124,236)
```
#8491ef
```
#8491ef rgb(132,145,239)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#b2b9f5
```
#b2b9f5 rgb(178,185,245)
```
#c8cef8
```
#c8cef8 rgb(200,206,248)
```
#dfe2fb
```
#dfe2fb rgb(223,226,251)
```

Monochromatic Color

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

#9bbbf2
```
#9bbbf2 rgb(155,187,242)
```
#9bb4f2
```
#9bb4f2 rgb(155,180,242)
```
#9bacf2
```
#9bacf2 rgb(155,172,242)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#9b9ef2
```
#9b9ef2 rgb(155,158,242)
```
#a09bf2
```
#a09bf2 rgb(160,155,242)
```
#a79bf2
```
#a79bf2 rgb(167,155,242)
```

Similar Colors

Text with hexadecimal color #9ba5f2

This text has a font color of #9ba5f2.

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

#9ba5f2 background color

This paragraph has a background color of #9ba5f2.

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

#9ba5f2 border color

This element has a border color of #9ba5f2.

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

CSS codes

.text {color:#9ba5f2;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030516
```
#030516 rgb(3,5,22)
```
#050927
```
#050927 rgb(5,9,39)
```
#070d38
```
#070d38 rgb(7,13,56)
```
#0a114a
```
#0a114a rgb(10,17,74)
```
#0c155b
```
#0c155b rgb(12,21,91)
```
#0e196c
```
#0e196c rgb(14,25,108)
```
#101d7e
```
#101d7e rgb(16,29,126)
```
#13218f
```
#13218f rgb(19,33,143)
```
#1525a0
```
#1525a0 rgb(21,37,160)
```
#1729b2
```
#1729b2 rgb(23,41,178)
```
#192dc3
```
#192dc3 rgb(25,45,195)
```
#1c31d4
```
#1c31d4 rgb(28,49,212)
```

Shade Color Variation

#2138e2
```
#2138e2 rgb(33,56,226)
```
#3347e4
```
#3347e4 rgb(51,71,228)
```
#4457e7
```
#4457e7 rgb(68,87,231)
```
#5667e9
```
#5667e9 rgb(86,103,233)
```
#6776eb
```
#6776eb rgb(103,118,235)
```
#7886ed
```
#7886ed rgb(120,134,237)
```
#8a95f0
```
#8a95f0 rgb(138,149,240)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#acb5f4
```
#acb5f4 rgb(172,181,244)
```
#bec4f7
```
#bec4f7 rgb(190,196,247)
```
#cfd4f9
```
#cfd4f9 rgb(207,212,249)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#c6c6c7
```
#c6c6c7 rgb(198,198,199)
```
#c2c3cb
```
#c2c3cb rgb(194,195,203)
```
#bec0cf
```
#bec0cf rgb(190,192,207)
```
#b9bcd4
```
#b9bcd4 rgb(185,188,212)
```
#b5b9d8
```
#b5b9d8 rgb(181,185,216)
```
#b1b6dc
```
#b1b6dc rgb(177,182,220)
```
#acb2e1
```
#acb2e1 rgb(172,178,225)
```
#a8afe5
```
#a8afe5 rgb(168,175,229)
```
#a4ace9
```
#a4ace9 rgb(164,172,233)
```
#9fa8ee
```
#9fa8ee rgb(159,168,238)
```
#9ba5f2
```
#9ba5f2 rgb(155,165,242)
```
#97a2f6
```
#97a2f6 rgb(151,162,246)
```
#929efb
```
#929efb rgb(146,158,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8aab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95acf4 Protanopia 1% of men
#93adf1 Deuteranopia 1% of men
#91b4c1 Tritanopia 0.001% of the population

Trichromacy

#97a9f3 Protanomaly 1% of men, 0.01% of women
#96aaf1 Deuteranomaly 6% of men, 0.4% of women
#95aed2 Tritanomaly 0.01% of the population

#9ba5f2 hex color

#9ba5f2 Color Information

#9ba5f2 Color Conversion

Color Schemes with #9ba5f2

Alternatives to #9ba5f2

#9ba5f2 Preview

Shades and Tints of #9ba5f2

Tones of #9ba5f2

Color Blindness Simulator