#8bafde hex color

In a RGB color space, hex #8bafde is composed of 54.5% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 214 degrees, a saturation of 55.7% and a lightness of 70.8%. #8bafde color hex could be obtained by blending #ffffff with #175fbd. Closest websafe color is: #9999cc.

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

● #8bafde color description : Very soft blue.

The hexadecimal color #8bafde has RGB values of R:139, G:175, B:222 and CMYK values of C:0.37, M:0.21, Y:0, K:0.13. Its decimal value is 9154526.

Hex triplet	8bafde	`#8bafde`
RGB Decimal	139, 175, 222	`rgb(139,175,222)`
RGB Percent	54.5, 68.6, 87.1	`rgb(54.5%,68.6%,87.1%)`
CMYK	37, 21, 0, 13
HSL	214°, 55.7, 70.8	`hsl(214,55.7%,70.8%)`
HSV (or HSB)	214°, 37.4, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.47, -0.665, -27.571
XYZ	39.159, 41.421, 75.035
xyY	0.252, 0.266, 41.421
CIE-LCH	70.47, 27.579, 268.617
CIE-LUV	70.47, -19.207, -43.405
Hunter-Lab	64.359, -4.021, -24.073
Binary	10001011, 10101111, 11011110

#8bafde
```
#8bafde rgb(139,175,222)
```
#deba8b
```
#deba8b rgb(222,186,139)
```

Complementary Color

#8bd9de
```
#8bd9de rgb(139,217,222)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#918bde
```
#918bde rgb(145,139,222)
```

Analogous Color

#d9de8b
```
#d9de8b rgb(217,222,139)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#de918b
```
#de918b rgb(222,145,139)
```

Split Complementary Color

#afde8b
```
#afde8b rgb(175,222,139)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#de8baf
```
#de8baf rgb(222,139,175)
```

Triadic Color

#8bdeba
```
#8bdeba rgb(139,222,186)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#de8baf
```
#de8baf rgb(222,139,175)
```
#deba8b
```
#deba8b rgb(222,186,139)
```

Tetradic Color

#4f86cd
```
#4f86cd rgb(79,134,205)
```
#6394d3
```
#6394d3 rgb(99,148,211)
```
#77a1d8
```
#77a1d8 rgb(119,161,216)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#9fbde4
```
#9fbde4 rgb(159,189,228)
```
#b3cae9
```
#b3cae9 rgb(179,202,233)
```
#c7d8ef
```
#c7d8ef rgb(199,216,239)
```

Monochromatic Color

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

#8bc4de
```
#8bc4de rgb(139,196,222)
```
#8bbdde
```
#8bbdde rgb(139,189,222)
```
#8bb6de
```
#8bb6de rgb(139,182,222)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#8ba8de
```
#8ba8de rgb(139,168,222)
```
#8ba1de
```
#8ba1de rgb(139,161,222)
```
#8b9ade
```
#8b9ade rgb(139,154,222)
```

Similar Colors

Text with hexadecimal color #8bafde

This text has a font color of #8bafde.

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

#8bafde background color

This paragraph has a background color of #8bafde.

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

#8bafde border color

This element has a border color of #8bafde.

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

CSS codes

.text {color:#8bafde;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0a1625
```
#0a1625 rgb(10,22,37)
```
#0f1f34
```
#0f1f34 rgb(15,31,52)
```
#132843
```
#132843 rgb(19,40,67)
```
#173153
```
#173153 rgb(23,49,83)
```
#1c3a62
```
#1c3a62 rgb(28,58,98)
```
#204371
```
#204371 rgb(32,67,113)
```
#254c80
```
#254c80 rgb(37,76,128)
```
#295590
```
#295590 rgb(41,85,144)
```
#2d5f9f
```
#2d5f9f rgb(45,95,159)
```
#3268ae
```
#3268ae rgb(50,104,174)
```
#3671bd
```
#3671bd rgb(54,113,189)
```

Shade Color Variation

#3f7ac8
```
#3f7ac8 rgb(63,122,200)
```
#4e85cd
```
#4e85cd rgb(78,133,205)
```
#5d8fd1
```
#5d8fd1 rgb(93,143,209)
```
#6c9ad5
```
#6c9ad5 rgb(108,154,213)
```
#7ca4da
```
#7ca4da rgb(124,164,218)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#9abae2
```
#9abae2 rgb(154,186,226)
```
#aac4e7
```
#aac4e7 rgb(170,196,231)
```
#b9cfeb
```
#b9cfeb rgb(185,207,235)
```
#c8d9ef
```
#c8d9ef rgb(200,217,239)
```
#d7e4f4
```
#d7e4f4 rgb(215,228,244)
```
#e7eef8
```
#e7eef8 rgb(231,238,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#b3b4b6
```
#b3b4b6 rgb(179,180,182)
```
#adb4bc
```
#adb4bc rgb(173,180,188)
```
#a8b3c1
```
#a8b3c1 rgb(168,179,193)
```
#a2b2c7
```
#a2b2c7 rgb(162,178,199)
```
#9cb1cd
```
#9cb1cd rgb(156,177,205)
```
#96b1d3
```
#96b1d3 rgb(150,177,211)
```
#91b0d8
```
#91b0d8 rgb(145,176,216)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#85aee4
```
#85aee4 rgb(133,174,228)
```
#80ade9
```
#80ade9 rgb(128,173,233)
```
#7aadef
```
#7aadef rgb(122,173,239)
```
#74acf5
```
#74acf5 rgb(116,172,245)
```
#6eabfb
```
#6eabfb rgb(110,171,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a4abb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4aedc Protanopia 1% of men
#a4ade1 Deuteranopia 1% of men
#88b8c5 Tritanopia 0.001% of the population

Trichromacy

#9aaedd Protanomaly 1% of men, 0.01% of women
#9baee0 Deuteranomaly 6% of men, 0.4% of women
#89b4ce Tritanomaly 0.01% of the population

#8bafde hex color

#8bafde Color Information

#8bafde Color Conversion

Color Schemes with #8bafde

Alternatives to #8bafde

#8bafde Preview

Shades and Tints of #8bafde

Tones of #8bafde

Color Blindness Simulator