colorhexa.com

#bba8ff hex color

In a RGB color space, hex #bba8ff is composed of 73.3% red, 65.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 34.1% magenta, 0% yellow and 0% black. It has a hue angle of 253.1 degrees, a saturation of 100% and a lightness of 82.9%. #bba8ff color hex could be obtained by blending #ffffff with #7751ff. Closest websafe color is: #cc99ff.

- R 73
- G 66
- B 100
RGB color chart
- C 27
- M 34
- Y 0
- K 0
CMYK color chart

● #bba8ff color description : Pale blue.

The hexadecimal color #bba8ff has RGB values of R:187, G:168, B:255 and CMYK values of C:0.27, M:0.34, Y:0, K:0. Its decimal value is 12298495.

Hex triplet	bba8ff	`#bba8ff`
RGB Decimal	187, 168, 255	`rgb(187,168,255)`
RGB Percent	73.3, 65.9, 100	`rgb(73.3%,65.9%,100%)`
CMYK	27, 34, 0, 0
HSL	253.1°, 100, 82.9	`hsl(253.1,100%,82.9%)`
HSV (or HSB)	253.1°, 34.1, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.409, 24.974, -40.688
XYZ	52.543, 45.79, 100.672
xyY	0.264, 0.23, 45.79
CIE-LCH	73.409, 47.741, 301.541
CIE-LUV	73.409, 3.794, -69.297
Hunter-Lab	67.668, 20.182, -40.84
Binary	10111011, 10101000, 11111111

#bba8ff
```
#bba8ff rgb(187,168,255)
```
#ecffa8
```
#ecffa8 rgb(236,255,168)
```

Complementary Color

#a8c1ff
```
#a8c1ff rgb(168,193,255)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#e7a8ff
```
#e7a8ff rgb(231,168,255)
```

Analogous Color

#c1ffa8
```
#c1ffa8 rgb(193,255,168)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#ffe7a8
```
#ffe7a8 rgb(255,231,168)
```

Split Complementary Color

#a8ffbb
```
#a8ffbb rgb(168,255,187)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#ffbba8
```
#ffbba8 rgb(255,187,168)
```

Triadic Color

#a8ecff
```
#a8ecff rgb(168,236,255)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#ffbba8
```
#ffbba8 rgb(255,187,168)
```
#ecffa8
```
#ecffa8 rgb(236,255,168)
```

Tetradic Color

#7f5cff
```
#7f5cff rgb(127,92,255)
```
#9375ff
```
#9375ff rgb(147,117,255)
```
#a78fff
```
#a78fff rgb(167,143,255)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#cfc2ff
```
#cfc2ff rgb(207,194,255)
```
#e3dbff
```
#e3dbff rgb(227,219,255)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Monochromatic Color

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

#a8abff
```
#a8abff rgb(168,171,255)
```
#ada8ff
```
#ada8ff rgb(173,168,255)
```
#b4a8ff
```
#b4a8ff rgb(180,168,255)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#c2a8ff
```
#c2a8ff rgb(194,168,255)
```
#caa8ff
```
#caa8ff rgb(202,168,255)
```
#d1a8ff
```
#d1a8ff rgb(209,168,255)
```

Similar Colors

Text with hexadecimal color #bba8ff

This text has a font color of #bba8ff.

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

#bba8ff background color

This paragraph has a background color of #bba8ff.

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

#bba8ff border color

This element has a border color of #bba8ff.

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

CSS codes

.text {color:#bba8ff;}

.background {background-color:#bba8ff;}

.border {border:1px solid #bba8ff;}

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, #02000b is the darkest color, while #f8f6ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#07001f
```
#07001f rgb(7,0,31)
```
#0b0032
```
#0b0032 rgb(11,0,50)
```
#0f0046
```
#0f0046 rgb(15,0,70)
```
#14005a
```
#14005a rgb(20,0,90)
```
#18006d
```
#18006d rgb(24,0,109)
```
#1c0081
```
#1c0081 rgb(28,0,129)
```
#200094
```
#200094 rgb(32,0,148)
```
#2500a8
```
#2500a8 rgb(37,0,168)
```
#2900bc
```
#2900bc rgb(41,0,188)
```
#2d00cf
```
#2d00cf rgb(45,0,207)
```
#3200e3
```
#3200e3 rgb(50,0,227)
```
#3600f6
```
#3600f6 rgb(54,0,246)
```

Shade Color Variation

#400bff
```
#400bff rgb(64,11,255)
```
#501fff
```
#501fff rgb(80,31,255)
```
#5f32ff
```
#5f32ff rgb(95,50,255)
```
#6e46ff
```
#6e46ff rgb(110,70,255)
```
#7e5aff
```
#7e5aff rgb(126,90,255)
```
#8d6dff
```
#8d6dff rgb(141,109,255)
```
#9c81ff
```
#9c81ff rgb(156,129,255)
```
#ac94ff
```
#ac94ff rgb(172,148,255)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```
#cabcff
```
#cabcff rgb(202,188,255)
```
#dacfff
```
#dacfff rgb(218,207,255)
```
#e9e3ff
```
#e9e3ff rgb(233,227,255)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#d2d0d7
```
#d2d0d7 rgb(210,208,215)
```
#d0cdda
```
#d0cdda rgb(208,205,218)
```
#cec9de
```
#cec9de rgb(206,201,222)
```
#ccc6e1
```
#ccc6e1 rgb(204,198,225)
```
#cac3e4
```
#cac3e4 rgb(202,195,228)
```
#c8bfe8
```
#c8bfe8 rgb(200,191,232)
```
#c6bceb
```
#c6bceb rgb(198,188,235)
```
#c4b9ee
```
#c4b9ee rgb(196,185,238)
```
#c3b5f2
```
#c3b5f2 rgb(195,181,242)
```
#c1b2f5
```
#c1b2f5 rgb(193,178,245)
```
#bfaff8
```
#bfaff8 rgb(191,175,248)
```
#bdabfc
```
#bdabfc rgb(189,171,252)
```
#bba8ff
```
#bba8ff rgb(187,168,255)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b9b5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb5ff Protanopia 1% of men
#9eb6fb Deuteranopia 1% of men
#b1b8c5 Tritanopia 0.001% of the population

Trichromacy

#a9b0ff Protanomaly 1% of men, 0.01% of women
#a8b1fc Deuteranomaly 6% of men, 0.4% of women
#b4b2da Tritanomaly 0.01% of the population