#8ba5dd hex color

In a RGB color space, hex #8ba5dd is composed of 54.5% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 221 degrees, a saturation of 54.7% and a lightness of 70.6%. #8ba5dd color hex could be obtained by blending #ffffff with #174bbb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 65
- B 87
RGB color chart
- C 37
- M 25
- Y 0
- K 13
CMYK color chart

● #8ba5dd color description : Very soft blue.

The hexadecimal color #8ba5dd has RGB values of R:139, G:165, B:221 and CMYK values of C:0.37, M:0.25, Y:0, K:0.13. Its decimal value is 9151965.

Hex triplet	8ba5dd	`#8ba5dd`
RGB Decimal	139, 165, 221	`rgb(139,165,221)`
RGB Percent	54.5, 64.7, 86.7	`rgb(54.5%,64.7%,86.7%)`
CMYK	37, 25, 0, 13
HSL	221°, 54.7, 70.6	`hsl(221,54.7%,70.6%)`
HSV (or HSB)	221°, 37.1, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.739, 4.637, -31.231
XYZ	37.151, 37.619, 73.706
xyY	0.25, 0.253, 37.619
CIE-LCH	67.739, 31.574, 278.444
CIE-LUV	67.739, -15.126, -49.955
Hunter-Lab	61.334, 0.786, -28.316
Binary	10001011, 10100101, 11011101

#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#ddc38b
```
#ddc38b rgb(221,195,139)
```

Complementary Color

#8bcedd
```
#8bcedd rgb(139,206,221)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#9a8bdd
```
#9a8bdd rgb(154,139,221)
```

Analogous Color

#cedd8b
```
#cedd8b rgb(206,221,139)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#dd9a8b
```
#dd9a8b rgb(221,154,139)
```

Split Complementary Color

#a5dd8b
```
#a5dd8b rgb(165,221,139)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#dd8ba5
```
#dd8ba5 rgb(221,139,165)
```

Triadic Color

#8bddc3
```
#8bddc3 rgb(139,221,195)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#dd8ba5
```
#dd8ba5 rgb(221,139,165)
```
#ddc38b
```
#ddc38b rgb(221,195,139)
```

Tetradic Color

#5077cc
```
#5077cc rgb(80,119,204)
```
#6486d1
```
#6486d1 rgb(100,134,209)
```
#7796d7
```
#7796d7 rgb(119,150,215)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#9fb4e3
```
#9fb4e3 rgb(159,180,227)
```
#b2c4e9
```
#b2c4e9 rgb(178,196,233)
```
#c6d3ee
```
#c6d3ee rgb(198,211,238)
```

Monochromatic Color

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

#8bbadd
```
#8bbadd rgb(139,186,221)
```
#8bb3dd
```
#8bb3dd rgb(139,179,221)
```
#8bacdd
```
#8bacdd rgb(139,172,221)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#8b9edd
```
#8b9edd rgb(139,158,221)
```
#8b97dd
```
#8b97dd rgb(139,151,221)
```
#8b91dd
```
#8b91dd rgb(139,145,221)
```

Similar Colors

Text with hexadecimal color #8ba5dd

This text has a font color of #8ba5dd.

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

#8ba5dd background color

This paragraph has a background color of #8ba5dd.

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

#8ba5dd border color

This element has a border color of #8ba5dd.

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

CSS codes

.text {color:#8ba5dd;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0a1224
```
#0a1224 rgb(10,18,36)
```
#0f1a33
```
#0f1a33 rgb(15,26,51)
```
#132242
```
#132242 rgb(19,34,66)
```
#182a51
```
#182a51 rgb(24,42,81)
```
#1c3260
```
#1c3260 rgb(28,50,96)
```
#213a70
```
#213a70 rgb(33,58,112)
```
#25427f
```
#25427f rgb(37,66,127)
```
#2a498e
```
#2a498e rgb(42,73,142)
```
#2e519d
```
#2e519d rgb(46,81,157)
```
#3259ac
```
#3259ac rgb(50,89,172)
```
#3761bb
```
#3761bb rgb(55,97,187)
```

Shade Color Variation

#3f6ac7
```
#3f6ac7 rgb(63,106,199)
```
#4e76cb
```
#4e76cb rgb(78,118,203)
```
#5d82d0
```
#5d82d0 rgb(93,130,208)
```
#6d8dd4
```
#6d8dd4 rgb(109,141,212)
```
#7c99d9
```
#7c99d9 rgb(124,153,217)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#9ab1e1
```
#9ab1e1 rgb(154,177,225)
```
#a9bde6
```
#a9bde6 rgb(169,189,230)
```
#b9c8ea
```
#b9c8ea rgb(185,200,234)
```
#c8d4ef
```
#c8d4ef rgb(200,212,239)
```
#d7e0f3
```
#d7e0f3 rgb(215,224,243)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#b3b4b5
```
#b3b4b5 rgb(179,180,181)
```
#aeb2ba
```
#aeb2ba rgb(174,178,186)
```
#a8b0c0
```
#a8b0c0 rgb(168,176,192)
```
#a2adc6
```
#a2adc6 rgb(162,173,198)
```
#9cabcc
```
#9cabcc rgb(156,171,204)
```
#97a9d1
```
#97a9d1 rgb(151,169,209)
```
#91a7d7
```
#91a7d7 rgb(145,167,215)
```
#8ba5dd
```
#8ba5dd rgb(139,165,221)
```
#85a3e3
```
#85a3e3 rgb(133,163,227)
```
#7fa1e9
```
#7fa1e9 rgb(127,161,233)
```
#7a9fee
```
#7a9fee rgb(122,159,238)
```
#749df4
```
#749df4 rgb(116,157,244)
```
#6e9afa
```
#6e9afa rgb(110,154,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9fa4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a7dd Protanopia 1% of men
#99a7df Deuteranopia 1% of men
#86b0bd Tritanopia 0.001% of the population

Trichromacy

#94a6dd Protanomaly 1% of men, 0.01% of women
#93a6de Deuteranomaly 6% of men, 0.4% of women
#88acc8 Tritanomaly 0.01% of the population

#8ba5dd hex color

#8ba5dd Color Information

#8ba5dd Color Conversion

Color Schemes with #8ba5dd

Alternatives to #8ba5dd

#8ba5dd Preview

Shades and Tints of #8ba5dd

Tones of #8ba5dd

Color Blindness Simulator