#bbafff Color Information
In a RGB color space, hex #bbafff is composed of 73.3% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 249 degrees, a saturation of 100% and a lightness of 84.3%. #bbafff color hex could be obtained by blending #ffffff with #775fff. Closest websafe color is: #cc99ff.
-
- R 73
- G 69
- B 100
-
- C 27
- M 31
- Y 0
- K 0
● #bbafff color description : Pale blue.
#bbafff Color Conversion
The hexadecimal color #bbafff has RGB values of R:187, G:175, B:255 and CMYK values of C:0.27, M:0.31, Y:0, K:0. Its decimal value is 12300287.
Hex triplet | bbafff | #bbafff |
---|---|---|
RGB Decimal | 187, 175, 255 | rgb(187,175,255) |
RGB Percent | 73.3, 68.6, 100 | rgb(73.3%,68.6%,100%) |
CMYK | 27, 31, 0, 0 | |
HSL | 249°, 100, 84.3 | hsl(249,100%,84.3%) |
HSV (or HSB) | 249°, 31.4, 100 | |
Web Safe | cc99ff | #cc99ff |
CIE-LAB | 75.104, 21.093, -38.05 |
---|---|
XYZ | 53.87, 48.444, 101.115 |
xyY | 0.265, 0.238, 48.444 |
CIE-LCH | 75.104, 43.505, 299.002 |
CIE-LUV | 75.104, 0.943, -64.516 |
Hunter-Lab | 69.602, 16.351, -37.413 |
Binary | 10111011, 10101111, 11111111 |
Color Schemes with #bbafff
Alternatives to #bbafff
Below, you can see some colors close to #bbafff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bbafff Preview
This text has a font color of #bbafff.
<span style="color:#bbafff;">Text here</span>
This paragraph has a background color of #bbafff.
<p style="background-color:#bbafff;">Content here</p>
This element has a border color of #bbafff.
<div style="border:1px solid #bbafff;">Content here</div>
.text {color:#bbafff;}
.background {background-color:#bbafff;}
.border {border:1px solid #bbafff;}
Shades and Tints of #bbafff
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, #030012 is the darkest color, while #fefdff is the lightest one.
-
#030012
#030012
rgb(3,0,18)
-
#060026
#060026
rgb(6,0,38)
-
#090039
#090039
rgb(9,0,57)
-
#0c004d
#0c004d
rgb(12,0,77)
-
#0e0061
#0e0061
rgb(14,0,97)
-
#110074
#110074
rgb(17,0,116)
-
#140088
#140088
rgb(20,0,136)
-
#17009b
#17009b
rgb(23,0,155)
-
#1a00af
#1a00af
rgb(26,0,175)
-
#1d00c3
#1d00c3
rgb(29,0,195)
-
#2000d6
#2000d6
rgb(32,0,214)
-
#2300ea
#2300ea
rgb(35,0,234)
-
#2600fd
#2600fd
rgb(38,0,253)
-
#3612ff
#3612ff
rgb(54,18,255)
-
#4626ff
#4626ff
rgb(70,38,255)
-
#5739ff
#5739ff
rgb(87,57,255)
-
#684dff
#684dff
rgb(104,77,255)
-
#7861ff
#7861ff
rgb(120,97,255)
-
#8974ff
#8974ff
rgb(137,116,255)
-
#9a88ff
#9a88ff
rgb(154,136,255)
-
#aa9bff
#aa9bff
rgb(170,155,255)
-
#bbafff
#bbafff
rgb(187,175,255)
-
#ccc3ff
#ccc3ff
rgb(204,195,255)
-
#dcd6ff
#dcd6ff
rgb(220,214,255)
-
#edeaff
#edeaff
rgb(237,234,255)
-
#fefdff
#fefdff
rgb(254,253,255)
Tones of #bbafff
A tone is produced by adding gray to any pure hue. In this case, #d5d4da is the less saturated color, while #bbafff is the most saturated one.
-
#d5d4da
#d5d4da
rgb(213,212,218)
-
#d3d1dd
#d3d1dd
rgb(211,209,221)
-
#d1cee0
#d1cee0
rgb(209,206,224)
-
#cecbe3
#cecbe3
rgb(206,203,227)
-
#ccc8e6
#ccc8e6
rgb(204,200,230)
-
#cac5e9
#cac5e9
rgb(202,197,233)
-
#c8c1ed
#c8c1ed
rgb(200,193,237)
-
#c6bef0
#c6bef0
rgb(198,190,240)
-
#c4bbf3
#c4bbf3
rgb(196,187,243)
-
#c1b8f6
#c1b8f6
rgb(193,184,246)
-
#bfb5f9
#bfb5f9
rgb(191,181,249)
-
#bdb2fc
#bdb2fc
rgb(189,178,252)
-
#bbafff
#bbafff
rgb(187,175,255)
Color Blindness Simulator
Below, you can see how #bbafff 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.