#bab4ff Color Information
In a RGB color space, hex #bab4ff is composed of 72.9% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 244.8 degrees, a saturation of 100% and a lightness of 85.3%. #bab4ff color hex could be obtained by blending #ffffff with #7569ff. Closest websafe color is: #ccccff.
-
- R 73
- G 71
- B 100
-
- C 27
- M 29
- Y 0
- K 0
● #bab4ff color description : Pale blue.
#bab4ff Color Conversion
The hexadecimal color #bab4ff has RGB values of R:186, G:180, B:255 and CMYK values of C:0.27, M:0.29, Y:0, K:0. Its decimal value is 12236031.
Hex triplet | bab4ff | #bab4ff |
---|---|---|
RGB Decimal | 186, 180, 255 | rgb(186,180,255) |
RGB Percent | 72.9, 70.6, 100 | rgb(72.9%,70.6%,100%) |
CMYK | 27, 29, 0, 0 | |
HSL | 244.8°, 100, 85.3 | hsl(244.8,100%,85.3%) |
HSV (or HSB) | 244.8°, 29.4, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 76.254, 18.043, -36.273 |
---|---|
XYZ | 54.618, 50.301, 101.434 |
xyY | 0.265, 0.244, 50.301 |
CIE-LCH | 76.254, 40.513, 296.447 |
CIE-LUV | 76.254, -1.613, -61.211 |
Hunter-Lab | 70.923, 13.346, -35.15 |
Binary | 10111010, 10110100, 11111111 |
Color Schemes with #bab4ff
Alternatives to #bab4ff
Below, you can see some colors close to #bab4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bab4ff Preview
This text has a font color of #bab4ff.
<span style="color:#bab4ff;">Text here</span>
This paragraph has a background color of #bab4ff.
<p style="background-color:#bab4ff;">Content here</p>
This element has a border color of #bab4ff.
<div style="border:1px solid #bab4ff;">Content here</div>
.text {color:#bab4ff;}
.background {background-color:#bab4ff;}
.border {border:1px solid #bab4ff;}
Shades and Tints of #bab4ff
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, #000003 is the darkest color, while #f0efff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#020017
#020017
rgb(2,0,23)
-
#03002b
#03002b
rgb(3,0,43)
-
#05003e
#05003e
rgb(5,0,62)
-
#070052
#070052
rgb(7,0,82)
-
#080066
#080066
rgb(8,0,102)
-
#0a0079
#0a0079
rgb(10,0,121)
-
#0b008d
#0b008d
rgb(11,0,141)
-
#0d00a0
#0d00a0
rgb(13,0,160)
-
#0e00b4
#0e00b4
rgb(14,0,180)
-
#1000c8
#1000c8
rgb(16,0,200)
-
#1200db
#1200db
rgb(18,0,219)
-
#1300ef
#1300ef
rgb(19,0,239)
-
#1803ff
#1803ff
rgb(24,3,255)
-
#2a17ff
#2a17ff
rgb(42,23,255)
-
#3c2bff
#3c2bff
rgb(60,43,255)
-
#4e3eff
#4e3eff
rgb(78,62,255)
-
#6052ff
#6052ff
rgb(96,82,255)
-
#7266ff
#7266ff
rgb(114,102,255)
-
#8479ff
#8479ff
rgb(132,121,255)
-
#968dff
#968dff
rgb(150,141,255)
-
#a8a0ff
#a8a0ff
rgb(168,160,255)
-
#bab4ff
#bab4ff
rgb(186,180,255)
-
#ccc8ff
#ccc8ff
rgb(204,200,255)
-
#dedbff
#dedbff
rgb(222,219,255)
-
#f0efff
#f0efff
rgb(240,239,255)
Tones of #bab4ff
A tone is produced by adding gray to any pure hue. In this case, #d7d7dc is the less saturated color, while #bab4ff is the most saturated one.
-
#d7d7dc
#d7d7dc
rgb(215,215,220)
-
#d5d4df
#d5d4df
rgb(213,212,223)
-
#d2d1e2
#d2d1e2
rgb(210,209,226)
-
#d0cee5
#d0cee5
rgb(208,206,229)
-
#cdcbe8
#cdcbe8
rgb(205,203,232)
-
#cbc8eb
#cbc8eb
rgb(203,200,235)
-
#c9c5ee
#c9c5ee
rgb(201,197,238)
-
#c6c2f1
#c6c2f1
rgb(198,194,241)
-
#c4c0f3
#c4c0f3
rgb(196,192,243)
-
#c1bdf6
#c1bdf6
rgb(193,189,246)
-
#bfbaf9
#bfbaf9
rgb(191,186,249)
-
#bcb7fc
#bcb7fc
rgb(188,183,252)
-
#bab4ff
#bab4ff
rgb(186,180,255)
Color Blindness Simulator
Below, you can see how #bab4ff 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.