#8cbaf6 hex color

In a RGB color space, hex #8cbaf6 is composed of 54.9% red, 72.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 24.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 214 degrees, a saturation of 85.5% and a lightness of 75.7%. #8cbaf6 color hex could be obtained by blending #ffffff with #1975ed. Closest websafe color is: #99ccff.

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

● #8cbaf6 color description : Very soft blue.

The hexadecimal color #8cbaf6 has RGB values of R:140, G:186, B:246 and CMYK values of C:0.43, M:0.24, Y:0, K:0.04. Its decimal value is 9222902.

Hex triplet	8cbaf6	`#8cbaf6`
RGB Decimal	140, 186, 246	`rgb(140,186,246)`
RGB Percent	54.9, 72.9, 96.5	`rgb(54.9%,72.9%,96.5%)`
CMYK	43, 24, 0, 4
HSL	214°, 85.5, 75.7	`hsl(214,85.5%,75.7%)`
HSV (or HSB)	214°, 43.1, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.41, 0.014, -34.525
XYZ	45.005, 47.345, 93.951
xyY	0.242, 0.254, 47.345
CIE-LCH	74.41, 34.525, 270.023
CIE-LUV	74.41, -23.457, -55.57
Hunter-Lab	68.808, -3.663, -32.79
Binary	10001100, 10111010, 11110110

#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#f6c88c
```
#f6c88c rgb(246,200,140)
```

Complementary Color

#8ceff6
```
#8ceff6 rgb(140,239,246)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#938cf6
```
#938cf6 rgb(147,140,246)
```

Analogous Color

#eff68c
```
#eff68c rgb(239,246,140)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#f6938c
```
#f6938c rgb(246,147,140)
```

Split Complementary Color

#baf68c
```
#baf68c rgb(186,246,140)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#f68cba
```
#f68cba rgb(246,140,186)
```

Triadic Color

#8cf6c8
```
#8cf6c8 rgb(140,246,200)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#f68cba
```
#f68cba rgb(246,140,186)
```
#f6c88c
```
#f6c88c rgb(246,200,140)
```

Tetradic Color

#458ff0
```
#458ff0 rgb(69,143,240)
```
#5d9ef2
```
#5d9ef2 rgb(93,158,242)
```
#74acf4
```
#74acf4 rgb(116,172,244)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#a4c8f8
```
#a4c8f8 rgb(164,200,248)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#d3e5fc
```
#d3e5fc rgb(211,229,252)
```

Monochromatic Color

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

#8cd5f6
```
#8cd5f6 rgb(140,213,246)
```
#8cccf6
```
#8cccf6 rgb(140,204,246)
```
#8cc3f6
```
#8cc3f6 rgb(140,195,246)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#8cb1f6
```
#8cb1f6 rgb(140,177,246)
```
#8ca8f6
```
#8ca8f6 rgb(140,168,246)
```
#8ca0f6
```
#8ca0f6 rgb(140,160,246)
```

Similar Colors

Text with hexadecimal color #8cbaf6

This text has a font color of #8cbaf6.

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

#8cbaf6 background color

This paragraph has a background color of #8cbaf6.

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

#8cbaf6 border color

This element has a border color of #8cbaf6.

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

CSS codes

.text {color:#8cbaf6;}

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

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

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, #01060c is the darkest color, while #f9fbff is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#020f1f
```
#020f1f rgb(2,15,31)
```
#041731
```
#041731 rgb(4,23,49)
```
#052043
```
#052043 rgb(5,32,67)
```
#072955
```
#072955 rgb(7,41,85)
```
#083167
```
#083167 rgb(8,49,103)
```
#0a3a79
```
#0a3a79 rgb(10,58,121)
```
#0b438c
```
#0b438c rgb(11,67,140)
```
#0c4c9e
```
#0c4c9e rgb(12,76,158)
```
#0e54b0
```
#0e54b0 rgb(14,84,176)
```
#0f5dc2
```
#0f5dc2 rgb(15,93,194)
```
#1166d4
```
#1166d4 rgb(17,102,212)
```
#126ee7
```
#126ee7 rgb(18,110,231)
```

Shade Color Variation

#1f79ed
```
#1f79ed rgb(31,121,237)
```
#3183ef
```
#3183ef rgb(49,131,239)
```
#438ef0
```
#438ef0 rgb(67,142,240)
```
#5599f2
```
#5599f2 rgb(85,153,242)
```
#68a4f3
```
#68a4f3 rgb(104,164,243)
```
#7aaff5
```
#7aaff5 rgb(122,175,245)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#9ec5f7
```
#9ec5f7 rgb(158,197,247)
```
#b0d0f9
```
#b0d0f9 rgb(176,208,249)
```
#c3dbfa
```
#c3dbfa rgb(195,219,250)
```
#d5e6fc
```
#d5e6fc rgb(213,230,252)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#c0c1c2
```
#c0c1c2 rgb(192,193,194)
```
#bcc0c6
```
#bcc0c6 rgb(188,192,198)
```
#b7c0cb
```
#b7c0cb rgb(183,192,203)
```
#b2bfd0
```
#b2bfd0 rgb(178,191,208)
```
#adbed5
```
#adbed5 rgb(173,190,213)
```
#a9bed9
```
#a9bed9 rgb(169,190,217)
```
#a4bdde
```
#a4bdde rgb(164,189,222)
```
#9fbde3
```
#9fbde3 rgb(159,189,227)
```
#9abce8
```
#9abce8 rgb(154,188,232)
```
#96bbec
```
#96bbec rgb(150,187,236)
```
#91bbf1
```
#91bbf1 rgb(145,187,241)
```
#8cbaf6
```
#8cbaf6 rgb(140,186,246)
```
#87b9fb
```
#87b9fb rgb(135,185,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#abb4c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b8f3 Protanopia 1% of men
#a6b8f8 Deuteranopia 1% of men
#85c4d2 Tritanopia 0.001% of the population

Trichromacy

#9eb9f4 Protanomaly 1% of men, 0.01% of women
#9cb9f7 Deuteranomaly 6% of men, 0.4% of women
#87c0df Tritanomaly 0.01% of the population

#8cbaf6 hex color

#8cbaf6 Color Information

#8cbaf6 Color Conversion

Color Schemes with #8cbaf6

Alternatives to #8cbaf6

#8cbaf6 Preview

Shades and Tints of #8cbaf6

Tones of #8cbaf6

Color Blindness Simulator