#9bacf4 hex color

In a RGB color space, hex #9bacf4 is composed of 60.8% red, 67.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 29.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 228.5 degrees, a saturation of 80.2% and a lightness of 78.2%. #9bacf4 color hex could be obtained by blending #ffffff with #3759e9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 67
- B 96
RGB color chart
- C 36
- M 30
- Y 0
- K 4
CMYK color chart

● #9bacf4 color description : Very soft blue.

The hexadecimal color #9bacf4 has RGB values of R:155, G:172, B:244 and CMYK values of C:0.36, M:0.3, Y:0, K:0.04. Its decimal value is 10202356.

Hex triplet	9bacf4	`#9bacf4`
RGB Decimal	155, 172, 244	`rgb(155,172,244)`
RGB Percent	60.8, 67.5, 95.7	`rgb(60.8%,67.5%,95.7%)`
CMYK	36, 30, 0, 4
HSL	228.5°, 80.2, 78.2	`hsl(228.5,80.2%,78.2%)`
HSV (or HSB)	228.5°, 36.5, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.558, 11.124, -37.796
XYZ	44.596, 43.004, 91.534
xyY	0.249, 0.24, 43.004
CIE-LCH	71.558, 39.399, 286.4
CIE-LUV	71.558, -11.948, -62.284
Hunter-Lab	65.577, 6.628, -36.853
Binary	10011011, 10101100, 11110100

#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#f4e39b
```
#f4e39b rgb(244,227,155)
```

Complementary Color

#9bd9f4
```
#9bd9f4 rgb(155,217,244)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#b79bf4
```
#b79bf4 rgb(183,155,244)
```

Analogous Color

#d9f49b
```
#d9f49b rgb(217,244,155)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#f4b79b
```
#f4b79b rgb(244,183,155)
```

Split Complementary Color

#acf49b
```
#acf49b rgb(172,244,155)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#f49bac
```
#f49bac rgb(244,155,172)
```

Triadic Color

#9bf4e3
```
#9bf4e3 rgb(155,244,227)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#f49bac
```
#f49bac rgb(244,155,172)
```
#f4e39b
```
#f4e39b rgb(244,227,155)
```

Tetradic Color

#5673ec
```
#5673ec rgb(86,115,236)
```
#6d86ef
```
#6d86ef rgb(109,134,239)
```
#8499f1
```
#8499f1 rgb(132,153,241)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#b2bff7
```
#b2bff7 rgb(178,191,247)
```
#c9d2f9
```
#c9d2f9 rgb(201,210,249)
```
#e0e5fc
```
#e0e5fc rgb(224,229,252)
```

Monochromatic Color

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

#9bc2f4
```
#9bc2f4 rgb(155,194,244)
```
#9bbbf4
```
#9bbbf4 rgb(155,187,244)
```
#9bb3f4
```
#9bb3f4 rgb(155,179,244)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#9ba5f4
```
#9ba5f4 rgb(155,165,244)
```
#9b9df4
```
#9b9df4 rgb(155,157,244)
```
#a09bf4
```
#a09bf4 rgb(160,155,244)
```

Similar Colors

Text with hexadecimal color #9bacf4

This text has a font color of #9bacf4.

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

#9bacf4 background color

This paragraph has a background color of #9bacf4.

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

#9bacf4 border color

This element has a border color of #9bacf4.

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

CSS codes

.text {color:#9bacf4;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030718
```
#030718 rgb(3,7,24)
```
#050c29
```
#050c29 rgb(5,12,41)
```
#06113b
```
#06113b rgb(6,17,59)
```
#08154d
```
#08154d rgb(8,21,77)
```
#0a1a5e
```
#0a1a5e rgb(10,26,94)
```
#0c1f70
```
#0c1f70 rgb(12,31,112)
```
#0e2482
```
#0e2482 rgb(14,36,130)
```
#102993
```
#102993 rgb(16,41,147)
```
#122ea5
```
#122ea5 rgb(18,46,165)
```
#1433b7
```
#1433b7 rgb(20,51,183)
```
#1638c8
```
#1638c8 rgb(22,56,200)
```
#183dda
```
#183dda rgb(24,61,218)
```

Shade Color Variation

#1f45e6
```
#1f45e6 rgb(31,69,230)
```
#3154e8
```
#3154e8 rgb(49,84,232)
```
#4363ea
```
#4363ea rgb(67,99,234)
```
#5471ec
```
#5471ec rgb(84,113,236)
```
#6680ee
```
#6680ee rgb(102,128,238)
```
#788ff0
```
#788ff0 rgb(120,143,240)
```
#899df2
```
#899df2 rgb(137,157,242)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#adbbf6
```
#adbbf6 rgb(173,187,246)
```
#bec9f8
```
#bec9f8 rgb(190,201,248)
```
#d0d8fa
```
#d0d8fa rgb(208,216,250)
```
#e2e7fc
```
#e2e7fc rgb(226,231,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#c6c6c9
```
#c6c6c9 rgb(198,198,201)
```
#c1c4ce
```
#c1c4ce rgb(193,196,206)
```
#bdc1d2
```
#bdc1d2 rgb(189,193,210)
```
#b9bed6
```
#b9bed6 rgb(185,190,214)
```
#b5bcda
```
#b5bcda rgb(181,188,218)
```
#b0b9df
```
#b0b9df rgb(176,185,223)
```
#acb7e3
```
#acb7e3 rgb(172,183,227)
```
#a8b4e7
```
#a8b4e7 rgb(168,180,231)
```
#a4b1eb
```
#a4b1eb rgb(164,177,235)
```
#9faff0
```
#9faff0 rgb(159,175,240)
```
#9bacf4
```
#9bacf4 rgb(155,172,244)
```
#97a9f8
```
#97a9f8 rgb(151,169,248)
```
#92a7fd
```
#92a7fd rgb(146,167,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#abaebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb1f5 Protanopia 1% of men
#9bb1f4 Deuteranopia 1% of men
#92b9c7 Tritanopia 0.001% of the population

Trichromacy

#9caff4 Protanomaly 1% of men, 0.01% of women
#9baff4 Deuteranomaly 6% of men, 0.4% of women
#95b4d7 Tritanomaly 0.01% of the population

#9bacf4 hex color

#9bacf4 Color Information

#9bacf4 Color Conversion

Color Schemes with #9bacf4

Alternatives to #9bacf4

#9bacf4 Preview

Shades and Tints of #9bacf4

Tones of #9bacf4

Color Blindness Simulator