#8bafcc hex color

In a RGB color space, hex #8bafcc is composed of 54.5% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 206.8 degrees, a saturation of 38.9% and a lightness of 67.3%. #8bafcc color hex could be obtained by blending #ffffff with #175f99. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 69
- B 80
RGB color chart
- C 32
- M 14
- Y 0
- K 20
CMYK color chart

● #8bafcc color description : Slightly desaturated blue.

The hexadecimal color #8bafcc has RGB values of R:139, G:175, B:204 and CMYK values of C:0.32, M:0.14, Y:0, K:0.2. Its decimal value is 9154508.

Hex triplet	8bafcc	`#8bafcc`
RGB Decimal	139, 175, 204	`rgb(139,175,204)`
RGB Percent	54.5, 68.6, 80	`rgb(54.5%,68.6%,80%)`
CMYK	32, 14, 0, 20
HSL	206.8°, 38.9, 67.3	`hsl(206.8,38.9%,67.3%)`
HSV (or HSB)	206.8°, 31.9, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.829, -5.286, -18.675
XYZ	36.874, 40.507, 62.999
xyY	0.263, 0.289, 40.507
CIE-LCH	69.829, 19.408, 254.195
CIE-LUV	69.829, -18.951, -28.082
Hunter-Lab	63.645, -7.962, -14.136
Binary	10001011, 10101111, 11001100

#8bafcc
```
#8bafcc rgb(139,175,204)
```
#cca88b
```
#cca88b rgb(204,168,139)
```

Complementary Color

#8bccc9
```
#8bccc9 rgb(139,204,201)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#8b8fcc
```
#8b8fcc rgb(139,143,204)
```

Analogous Color

#ccc98b
```
#ccc98b rgb(204,201,139)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#cc8b8f
```
#cc8b8f rgb(204,139,143)
```

Split Complementary Color

#afcc8b
```
#afcc8b rgb(175,204,139)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#cc8baf
```
#cc8baf rgb(204,139,175)
```

Triadic Color

#8bcca8
```
#8bcca8 rgb(139,204,168)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#cc8baf
```
#cc8baf rgb(204,139,175)
```
#cca88b
```
#cca88b rgb(204,168,139)
```

Tetradic Color

#568ab5
```
#568ab5 rgb(86,138,181)
```
#6897bc
```
#6897bc rgb(104,151,188)
```
#79a3c4
```
#79a3c4 rgb(121,163,196)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#9dbbd4
```
#9dbbd4 rgb(157,187,212)
```
#aec7dc
```
#aec7dc rgb(174,199,220)
```
#c0d4e3
```
#c0d4e3 rgb(192,212,227)
```

Monochromatic Color

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

#8bbfcc
```
#8bbfcc rgb(139,191,204)
```
#8bbacc
```
#8bbacc rgb(139,186,204)
```
#8bb4cc
```
#8bb4cc rgb(139,180,204)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#8baacc
```
#8baacc rgb(139,170,204)
```
#8ba4cc
```
#8ba4cc rgb(139,164,204)
```
#8b9fcc
```
#8b9fcc rgb(139,159,204)
```

Similar Colors

Text with hexadecimal color #8bafcc

This text has a font color of #8bafcc.

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

#8bafcc background color

This paragraph has a background color of #8bafcc.

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

#8bafcc border color

This element has a border color of #8bafcc.

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

CSS codes

.text {color:#8bafcc;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090f14
```
#090f14 rgb(9,15,20)
```
#0f1922
```
#0f1922 rgb(15,25,34)
```
#152430
```
#152430 rgb(21,36,48)
```
#1b2e3d
```
#1b2e3d rgb(27,46,61)
```
#21384b
```
#21384b rgb(33,56,75)
```
#274258
```
#274258 rgb(39,66,88)
```
#2d4d66
```
#2d4d66 rgb(45,77,102)
```
#335774
```
#335774 rgb(51,87,116)
```
#396181
```
#396181 rgb(57,97,129)
```
#3f6b8f
```
#3f6b8f rgb(63,107,143)
```
#45759d
```
#45759d rgb(69,117,157)
```
#4b80aa
```
#4b80aa rgb(75,128,170)
```

Shade Color Variation

#5489b4
```
#5489b4 rgb(84,137,180)
```
#6293ba
```
#6293ba rgb(98,147,186)
```
#709cc0
```
#709cc0 rgb(112,156,192)
```
#7da6c6
```
#7da6c6 rgb(125,166,198)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#99b8d2
```
#99b8d2 rgb(153,184,210)
```
#a6c2d8
```
#a6c2d8 rgb(166,194,216)
```
#b4cbde
```
#b4cbde rgb(180,203,222)
```
#c2d5e4
```
#c2d5e4 rgb(194,213,228)
```
#cfdeea
```
#cfdeea rgb(207,222,234)
```
#dde7f0
```
#dde7f0 rgb(221,231,240)
```
#eaf1f6
```
#eaf1f6 rgb(234,241,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5acb2
```
#a5acb2 rgb(165,172,178)
```
#9eadb9
```
#9eadb9 rgb(158,173,185)
```
#98aebf
```
#98aebf rgb(152,174,191)
```
#91aec6
```
#91aec6 rgb(145,174,198)
```
#8bafcc
```
#8bafcc rgb(139,175,204)
```
#85b0d2
```
#85b0d2 rgb(133,176,210)
```
#7eb0d9
```
#7eb0d9 rgb(126,176,217)
```
#78b1df
```
#78b1df rgb(120,177,223)
```
#71b2e6
```
#71b2e6 rgb(113,178,230)
```
#6bb2ec
```
#6bb2ec rgb(107,178,236)
```
#64b3f3
```
#64b3f3 rgb(100,179,243)
```
#5eb4f9
```
#5eb4f9 rgb(94,180,249)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a2a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8adcb Protanopia 1% of men
#adabd1 Deuteranopia 1% of men
#8db5c2 Tritanopia 0.001% of the population

Trichromacy

#9daecb Protanomaly 1% of men, 0.01% of women
#a0accf Deuteranomaly 6% of men, 0.4% of women
#8cb3c5 Tritanomaly 0.01% of the population

#8bafcc hex color

#8bafcc Color Information

#8bafcc Color Conversion

Color Schemes with #8bafcc

Alternatives to #8bafcc

#8bafcc Preview

Shades and Tints of #8bafcc

Tones of #8bafcc

Color Blindness Simulator