#8ba4f6 hex color

In a RGB color space, hex #8ba4f6 is composed of 54.5% red, 64.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 33.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 226 degrees, a saturation of 85.6% and a lightness of 75.5%. #8ba4f6 color hex could be obtained by blending #ffffff with #1749ed. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 55
- G 64
- B 96
RGB color chart
- C 43
- M 33
- Y 0
- K 4
CMYK color chart

● #8ba4f6 color description : Very soft blue.

The hexadecimal color #8ba4f6 has RGB values of R:139, G:164, B:246 and CMYK values of C:0.43, M:0.33, Y:0, K:0.04. Its decimal value is 9151734.

Hex triplet	8ba4f6	`#8ba4f6`
RGB Decimal	139, 164, 246	`rgb(139,164,246)`
RGB Percent	54.5, 64.3, 96.5	`rgb(54.5%,64.3%,96.5%)`
CMYK	43, 33, 0, 4
HSL	226°, 85.6, 75.5	`hsl(226,85.6%,75.5%)`
HSV (or HSB)	226°, 43.5, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.528, 12.072, -43.692
XYZ	40.554, 38.692, 92.515
xyY	0.236, 0.225, 38.692
CIE-LCH	68.528, 45.329, 285.446
CIE-LUV	68.528, -15.408, -71.946
Hunter-Lab	62.203, 7.52, -44.64
Binary	10001011, 10100100, 11110110

#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#f6dd8b
```
#f6dd8b rgb(246,221,139)
```

Complementary Color

#8bdaf6
```
#8bdaf6 rgb(139,218,246)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#a88bf6
```
#a88bf6 rgb(168,139,246)
```

Analogous Color

#daf68b
```
#daf68b rgb(218,246,139)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#f6a88b
```
#f6a88b rgb(246,168,139)
```

Split Complementary Color

#a4f68b
```
#a4f68b rgb(164,246,139)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#f68ba4
```
#f68ba4 rgb(246,139,164)
```

Triadic Color

#8bf6dd
```
#8bf6dd rgb(139,246,221)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#f68ba4
```
#f68ba4 rgb(246,139,164)
```
#f6dd8b
```
#f6dd8b rgb(246,221,139)
```

Tetradic Color

#446cf0
```
#446cf0 rgb(68,108,240)
```
#5c7ff2
```
#5c7ff2 rgb(92,127,242)
```
#7391f4
```
#7391f4 rgb(115,145,244)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#a3b7f8
```
#a3b7f8 rgb(163,183,248)
```
#bac9fa
```
#bac9fa rgb(186,201,250)
```
#d2dcfc
```
#d2dcfc rgb(210,220,252)
```

Monochromatic Color

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

#8bbff6
```
#8bbff6 rgb(139,191,246)
```
#8bb6f6
```
#8bb6f6 rgb(139,182,246)
```
#8badf6
```
#8badf6 rgb(139,173,246)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#8b9bf6
```
#8b9bf6 rgb(139,155,246)
```
#8b92f6
```
#8b92f6 rgb(139,146,246)
```
#8d8bf6
```
#8d8bf6 rgb(141,139,246)
```

Similar Colors

Text with hexadecimal color #8ba4f6

This text has a font color of #8ba4f6.

<span style="color:#8ba4f6;">Text here</span>

#8ba4f6 background color

This paragraph has a background color of #8ba4f6.

<p style="background-color:#8ba4f6;">Content here</p>

#8ba4f6 border color

This element has a border color of #8ba4f6.

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

CSS codes

.text {color:#8ba4f6;}

.background {background-color:#8ba4f6;}

.border {border:1px solid #8ba4f6;}

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, #01030b is the darkest color, while #f8fafe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02091e
```
#02091e rgb(2,9,30)
```
#040e30
```
#040e30 rgb(4,14,48)
```
#051342
```
#051342 rgb(5,19,66)
```
#071954
```
#071954 rgb(7,25,84)
```
#081e66
```
#081e66 rgb(8,30,102)
```
#092379
```
#092379 rgb(9,35,121)
```
#0b298b
```
#0b298b rgb(11,41,139)
```
#0c2e9d
```
#0c2e9d rgb(12,46,157)
```
#0e33af
```
#0e33af rgb(14,51,175)
```
#0f39c1
```
#0f39c1 rgb(15,57,193)
```
#103ed4
```
#103ed4 rgb(16,62,212)
```
#1243e6
```
#1243e6 rgb(18,67,230)
```

Shade Color Variation

#1e4eee
```
#1e4eee rgb(30,78,238)
```
#305def
```
#305def rgb(48,93,239)
```
#426bf0
```
#426bf0 rgb(66,107,240)
```
#5479f2
```
#5479f2 rgb(84,121,242)
```
#6787f3
```
#6787f3 rgb(103,135,243)
```
#7996f5
```
#7996f5 rgb(121,150,245)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#9db2f7
```
#9db2f7 rgb(157,178,247)
```
#afc1f9
```
#afc1f9 rgb(175,193,249)
```
#c2cffa
```
#c2cffa rgb(194,207,250)
```
#d4ddfc
```
#d4ddfc rgb(212,221,252)
```
#e6ebfd
```
#e6ebfd rgb(230,235,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#c0c0c1
```
#c0c0c1 rgb(192,192,193)
```
#bbbec6
```
#bbbec6 rgb(187,190,198)
```
#b6bbcb
```
#b6bbcb rgb(182,187,203)
```
#b1b8d0
```
#b1b8d0 rgb(177,184,208)
```
#adb6d4
```
#adb6d4 rgb(173,182,212)
```
#a8b3d9
```
#a8b3d9 rgb(168,179,217)
```
#a3b1de
```
#a3b1de rgb(163,177,222)
```
#9eaee3
```
#9eaee3 rgb(158,174,227)
```
#99ace8
```
#99ace8 rgb(153,172,232)
```
#95a9ec
```
#95a9ec rgb(149,169,236)
```
#90a7f1
```
#90a7f1 rgb(144,167,241)
```
#8ba4f6
```
#8ba4f6 rgb(139,164,246)
```
#86a1fb
```
#86a1fb rgb(134,161,251)
```

Tone Color Variation

Below, you can see how #8ba4f6 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

#a6a6a6 Achromatopsia 0.005% of the population
#a1a6b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa9f6 Protanopia 1% of men
#88aaf5 Deuteranopia 1% of men
#7eb4c1 Tritanopia 0.001% of the population

Trichromacy

#8da7f6 Protanomaly 1% of men, 0.01% of women
#89a8f5 Deuteranomaly 6% of men, 0.4% of women
#83aed4 Tritanomaly 0.01% of the population

#8ba4f6 hex color

#8ba4f6 Color Information

#8ba4f6 Color Conversion

Color Schemes with #8ba4f6

Alternatives to #8ba4f6

#8ba4f6 Preview

Shades and Tints of #8ba4f6

Tones of #8ba4f6

Color Blindness Simulator