#8ba4f2 hex color

In a RGB color space, hex #8ba4f2 is composed of 54.5% red, 64.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 32.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.4 degrees, a saturation of 79.8% and a lightness of 74.7%. #8ba4f2 color hex could be obtained by blending #ffffff with #1749e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 55
- G 64
- B 95
RGB color chart
- C 43
- M 32
- Y 0
- K 5
CMYK color chart

● #8ba4f2 color description : Very soft blue.

The hexadecimal color #8ba4f2 has RGB values of R:139, G:164, B:242 and CMYK values of C:0.43, M:0.32, Y:0, K:0.05. Its decimal value is 9151730.

Hex triplet	8ba4f2	`#8ba4f2`
RGB Decimal	139, 164, 242	`rgb(139,164,242)`
RGB Percent	54.5, 64.3, 94.9	`rgb(54.5%,64.3%,94.9%)`
CMYK	43, 32, 0, 5
HSL	225.4°, 79.8, 74.7	`hsl(225.4,79.8%,74.7%)`
HSV (or HSB)	225.4°, 42.6, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.35, 10.948, -41.789
XYZ	39.947, 38.449, 89.316
xyY	0.238, 0.229, 38.449
CIE-LCH	68.35, 43.199, 284.681
CIE-LUV	68.35, -15.297, -68.565
Hunter-Lab	62.007, 6.48, -41.997
Binary	10001011, 10100100, 11110010

#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#f2d98b
```
#f2d98b rgb(242,217,139)
```

Complementary Color

#8bd8f2
```
#8bd8f2 rgb(139,216,242)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#a68bf2
```
#a68bf2 rgb(166,139,242)
```

Analogous Color

#d8f28b
```
#d8f28b rgb(216,242,139)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#f2a68b
```
#f2a68b rgb(242,166,139)
```

Split Complementary Color

#a4f28b
```
#a4f28b rgb(164,242,139)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#f28ba4
```
#f28ba4 rgb(242,139,164)
```

Triadic Color

#8bf2d9
```
#8bf2d9 rgb(139,242,217)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#f28ba4
```
#f28ba4 rgb(242,139,164)
```
#f2d98b
```
#f2d98b rgb(242,217,139)
```

Tetradic Color

#466eea
```
#466eea rgb(70,110,234)
```
#5d80ed
```
#5d80ed rgb(93,128,237)
```
#7492ef
```
#7492ef rgb(116,146,239)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#a2b6f5
```
#a2b6f5 rgb(162,182,245)
```
#b9c8f7
```
#b9c8f7 rgb(185,200,247)
```
#d0dafa
```
#d0dafa rgb(208,218,250)
```

Monochromatic Color

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

#8bbef2
```
#8bbef2 rgb(139,190,242)
```
#8bb5f2
```
#8bb5f2 rgb(139,181,242)
```
#8badf2
```
#8badf2 rgb(139,173,242)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#8b9bf2
```
#8b9bf2 rgb(139,155,242)
```
#8b93f2
```
#8b93f2 rgb(139,147,242)
```
#8c8bf2
```
#8c8bf2 rgb(140,139,242)
```

Similar Colors

Text with hexadecimal color #8ba4f2

This text has a font color of #8ba4f2.

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

#8ba4f2 background color

This paragraph has a background color of #8ba4f2.

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

#8ba4f2 border color

This element has a border color of #8ba4f2.

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

CSS codes

.text {color:#8ba4f2;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030819
```
#030819 rgb(3,8,25)
```
#050e2b
```
#050e2b rgb(5,14,43)
```
#07143c
```
#07143c rgb(7,20,60)
```
#091a4e
```
#091a4e rgb(9,26,78)
```
#0b1f60
```
#0b1f60 rgb(11,31,96)
```
#0d2571
```
#0d2571 rgb(13,37,113)
```
#0f2b83
```
#0f2b83 rgb(15,43,131)
```
#113195
```
#113195 rgb(17,49,149)
```
#1336a6
```
#1336a6 rgb(19,54,166)
```
#153cb8
```
#153cb8 rgb(21,60,184)
```
#1742c9
```
#1742c9 rgb(23,66,201)
```
#1948db
```
#1948db rgb(25,72,219)
```

Shade Color Variation

#2151e6
```
#2151e6 rgb(33,81,230)
```
#335fe8
```
#335fe8 rgb(51,95,232)
```
#446dea
```
#446dea rgb(68,109,234)
```
#567aec
```
#567aec rgb(86,122,236)
```
#6888ee
```
#6888ee rgb(104,136,238)
```
#7996f0
```
#7996f0 rgb(121,150,240)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#9db2f4
```
#9db2f4 rgb(157,178,244)
```
#aec0f6
```
#aec0f6 rgb(174,192,246)
```
#c0cef8
```
#c0cef8 rgb(192,206,248)
```
#d2dbfa
```
#d2dbfa rgb(210,219,250)
```
#e3e9fc
```
#e3e9fc rgb(227,233,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#bdbec0
```
#bdbec0 rgb(189,190,192)
```
#b8bbc5
```
#b8bbc5 rgb(184,187,197)
```
#b3b8ca
```
#b3b8ca rgb(179,184,202)
```
#aeb6cf
```
#aeb6cf rgb(174,182,207)
```
#a9b3d4
```
#a9b3d4 rgb(169,179,212)
```
#a4b1d9
```
#a4b1d9 rgb(164,177,217)
```
#9faede
```
#9faede rgb(159,174,222)
```
#9aace3
```
#9aace3 rgb(154,172,227)
```
#95a9e8
```
#95a9e8 rgb(149,169,232)
```
#90a7ed
```
#90a7ed rgb(144,167,237)
```
#8ba4f2
```
#8ba4f2 rgb(139,164,242)
```
#86a1f7
```
#86a1f7 rgb(134,161,247)
```
#819ffc
```
#819ffc rgb(129,159,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a0a5b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f2 Protanopia 1% of men
#8baaf2 Deuteranopia 1% of men
#80b3c0 Tritanopia 0.001% of the population

Trichromacy

#8ea7f2 Protanomaly 1% of men, 0.01% of women
#8ba7f2 Deuteranomaly 6% of men, 0.4% of women
#84add2 Tritanomaly 0.01% of the population

#8ba4f2 hex color

#8ba4f2 Color Information

#8ba4f2 Color Conversion

Color Schemes with #8ba4f2

Alternatives to #8ba4f2

#8ba4f2 Preview

Shades and Tints of #8ba4f2

Tones of #8ba4f2

Color Blindness Simulator