#8bafff hex color

In a RGB color space, hex #8bafff is composed of 54.5% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 221.4 degrees, a saturation of 100% and a lightness of 77.3%. #8bafff color hex could be obtained by blending #ffffff with #175fff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 55
- G 69
- B 100
RGB color chart
- C 45
- M 31
- Y 0
- K 0
CMYK color chart

● #8bafff color description : Very light blue.

The hexadecimal color #8bafff has RGB values of R:139, G:175, B:255 and CMYK values of C:0.45, M:0.31, Y:0, K:0. Its decimal value is 9154559.

Hex triplet	8bafff	`#8bafff`
RGB Decimal	139, 175, 255	`rgb(139,175,255)`
RGB Percent	54.5, 68.6, 100	`rgb(54.5%,68.6%,100%)`
CMYK	45, 31, 0, 0
HSL	221.4°, 100, 77.3	`hsl(221.4,100%,77.3%)`
HSV (or HSB)	221.4°, 45.5, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.803, 8.395, -43.443
XYZ	44.024, 43.367, 100.653
xyY	0.234, 0.231, 43.367
CIE-LCH	71.803, 44.247, 280.938
CIE-LUV	71.803, -19.719, -71.555
Hunter-Lab	65.854, 4.084, -44.523
Binary	10001011, 10101111, 11111111

#8bafff
```
#8bafff rgb(139,175,255)
```
#ffdb8b
```
#ffdb8b rgb(255,219,139)
```

Complementary Color

#8be9ff
```
#8be9ff rgb(139,233,255)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#a18bff
```
#a18bff rgb(161,139,255)
```

Analogous Color

#e9ff8b
```
#e9ff8b rgb(233,255,139)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#ffa18b
```
#ffa18b rgb(255,161,139)
```

Split Complementary Color

#afff8b
```
#afff8b rgb(175,255,139)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#ff8baf
```
#ff8baf rgb(255,139,175)
```

Triadic Color

#8bffdb
```
#8bffdb rgb(139,255,219)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#ff8baf
```
#ff8baf rgb(255,139,175)
```
#ffdb8b
```
#ffdb8b rgb(255,219,139)
```

Tetradic Color

#3f7aff
```
#3f7aff rgb(63,122,255)
```
#588cff
```
#588cff rgb(88,140,255)
```
#729dff
```
#729dff rgb(114,157,255)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#a5c1ff
```
#a5c1ff rgb(165,193,255)
```
#bed2ff
```
#bed2ff rgb(190,210,255)
```
#d8e4ff
```
#d8e4ff rgb(216,228,255)
```

Monochromatic Color

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

#8bccff
```
#8bccff rgb(139,204,255)
```
#8bc2ff
```
#8bc2ff rgb(139,194,255)
```
#8bb9ff
```
#8bb9ff rgb(139,185,255)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#8ba5ff
```
#8ba5ff rgb(139,165,255)
```
#8b9cff
```
#8b9cff rgb(139,156,255)
```
#8b92ff
```
#8b92ff rgb(139,146,255)
```

Similar Colors

Text with hexadecimal color #8bafff

This text has a font color of #8bafff.

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

#8bafff background color

This paragraph has a background color of #8bafff.

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

#8bafff border color

This element has a border color of #8bafff.

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

CSS codes

.text {color:#8bafff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000715
```
#000715 rgb(0,7,21)
```
#000d29
```
#000d29 rgb(0,13,41)
```
#00133d
```
#00133d rgb(0,19,61)
```
#001950
```
#001950 rgb(0,25,80)
```
#001f64
```
#001f64 rgb(0,31,100)
```
#002577
```
#002577 rgb(0,37,119)
```
#002b8b
```
#002b8b rgb(0,43,139)
```
#00319f
```
#00319f rgb(0,49,159)
```
#0037b2
```
#0037b2 rgb(0,55,178)
```
#003dc6
```
#003dc6 rgb(0,61,198)
```
#0043d9
```
#0043d9 rgb(0,67,217)
```
#004aed
```
#004aed rgb(0,74,237)
```

Shade Color Variation

#0250ff
```
#0250ff rgb(2,80,255)
```
#155eff
```
#155eff rgb(21,94,255)
```
#296bff
```
#296bff rgb(41,107,255)
```
#3d79ff
```
#3d79ff rgb(61,121,255)
```
#5086ff
```
#5086ff rgb(80,134,255)
```
#6494ff
```
#6494ff rgb(100,148,255)
```
#77a1ff
```
#77a1ff rgb(119,161,255)
```
#8bafff
```
#8bafff rgb(139,175,255)
```
#9fbdff
```
#9fbdff rgb(159,189,255)
```
#b2caff
```
#b2caff rgb(178,202,255)
```
#c6d8ff
```
#c6d8ff rgb(198,216,255)
```
#d9e5ff
```
#d9e5ff rgb(217,229,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

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

#c1c3c9
```
#c1c3c9 rgb(193,195,201)
```
#bcc2ce
```
#bcc2ce rgb(188,194,206)
```
#b8c0d2
```
#b8c0d2 rgb(184,192,210)
```
#b3bed7
```
#b3bed7 rgb(179,190,215)
```
#afbddb
```
#afbddb rgb(175,189,219)
```
#aabbe0
```
#aabbe0 rgb(170,187,224)
```
#a6b9e4
```
#a6b9e4 rgb(166,185,228)
```
#a1b7e9
```
#a1b7e9 rgb(161,183,233)
```
#9db6ed
```
#9db6ed rgb(157,182,237)
```
#98b4f2
```
#98b4f2 rgb(152,180,242)
```
#94b2f6
```
#94b2f6 rgb(148,178,246)
```
#8fb1fb
```
#8fb1fb rgb(143,177,251)
```
#8bafff
```
#8bafff rgb(139,175,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a6adbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#99b1fd Protanopia 1% of men
#91b2ff Deuteranopia 1% of men
#7ebdcb Tritanopia 0.001% of the population

Trichromacy

#93b0fe Protanomaly 1% of men, 0.01% of women
#8fb1ff Deuteranomaly 6% of men, 0.4% of women
#82b8de Tritanomaly 0.01% of the population

#8bafff hex color

#8bafff Color Information

#8bafff Color Conversion

Color Schemes with #8bafff

Alternatives to #8bafff

#8bafff Preview

Shades and Tints of #8bafff

Tones of #8bafff

Color Blindness Simulator