#baa3ff Color Information
In a RGB color space, hex #baa3ff is composed of 72.9% red, 63.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 36.1% magenta, 0% yellow and 0% black. It has a hue angle of 255 degrees, a saturation of 100% and a lightness of 82%. #baa3ff color hex could be obtained by blending #ffffff with #7547ff. Closest websafe color is: #cc99ff.
-
- R 73
- G 64
- B 100
-
- C 27
- M 36
- Y 0
- K 0
● #baa3ff color description : Pale blue.
#baa3ff Color Conversion
The hexadecimal color #baa3ff has RGB values of R:186, G:163, B:255 and CMYK values of C:0.27, M:0.36, Y:0, K:0. Its decimal value is 12231679.
Hex triplet | baa3ff | #baa3ff |
---|---|---|
RGB Decimal | 186, 163, 255 | rgb(186,163,255) |
RGB Percent | 72.9, 63.9, 100 | rgb(72.9%,63.9%,100%) |
CMYK | 27, 36, 0, 0 | |
HSL | 255°, 100, 82 | hsl(255,100%,82%) |
HSV (or HSB) | 255°, 36.1, 100 | |
Web Safe | cc99ff | #cc99ff |
CIE-LAB | 72.13, 27.471, -42.69 |
---|---|
XYZ | 51.394, 43.853, 100.359 |
xyY | 0.263, 0.224, 43.853 |
CIE-LCH | 72.13, 50.765, 302.762 |
CIE-LUV | 72.13, 5.293, -72.83 |
Hunter-Lab | 66.222, 22.643, -43.499 |
Binary | 10111010, 10100011, 11111111 |
Color Schemes with #baa3ff
Alternatives to #baa3ff
Below, you can see some colors close to #baa3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baa3ff Preview
This text has a font color of #baa3ff.
<span style="color:#baa3ff;">Text here</span>
This paragraph has a background color of #baa3ff.
<p style="background-color:#baa3ff;">Content here</p>
This element has a border color of #baa3ff.
<div style="border:1px solid #baa3ff;">Content here</div>
.text {color:#baa3ff;}
.background {background-color:#baa3ff;}
.border {border:1px solid #baa3ff;}
Shades and Tints of #baa3ff
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, #020006 is the darkest color, while #f5f1ff is the lightest one.
-
#020006
#020006
rgb(2,0,6)
-
#06001a
#06001a
rgb(6,0,26)
-
#0b002d
#0b002d
rgb(11,0,45)
-
#100041
#100041
rgb(16,0,65)
-
#150055
#150055
rgb(21,0,85)
-
#1a0068
#1a0068
rgb(26,0,104)
-
#1f007c
#1f007c
rgb(31,0,124)
-
#24008f
#24008f
rgb(36,0,143)
-
#2900a3
#2900a3
rgb(41,0,163)
-
#2e00b7
#2e00b7
rgb(46,0,183)
-
#3300ca
#3300ca
rgb(51,0,202)
-
#3700de
#3700de
rgb(55,0,222)
-
#3c00f1
#3c00f1
rgb(60,0,241)
-
#4406ff
#4406ff
rgb(68,6,255)
-
#531aff
#531aff
rgb(83,26,255)
-
#622dff
#622dff
rgb(98,45,255)
-
#7041ff
#7041ff
rgb(112,65,255)
-
#7f55ff
#7f55ff
rgb(127,85,255)
-
#8e68ff
#8e68ff
rgb(142,104,255)
-
#9d7cff
#9d7cff
rgb(157,124,255)
-
#ab8fff
#ab8fff
rgb(171,143,255)
-
#baa3ff
#baa3ff
rgb(186,163,255)
-
#c9b7ff
#c9b7ff
rgb(201,183,255)
-
#d7caff
#d7caff
rgb(215,202,255)
-
#e6deff
#e6deff
rgb(230,222,255)
-
#f5f1ff
#f5f1ff
rgb(245,241,255)
Tones of #baa3ff
A tone is produced by adding gray to any pure hue. In this case, #cfcdd5 is the less saturated color, while #baa3ff is the most saturated one.
-
#cfcdd5
#cfcdd5
rgb(207,205,213)
-
#cdcad8
#cdcad8
rgb(205,202,216)
-
#ccc6dc
#ccc6dc
rgb(204,198,220)
-
#cac3df
#cac3df
rgb(202,195,223)
-
#c8bfe3
#c8bfe3
rgb(200,191,227)
-
#c6bce6
#c6bce6
rgb(198,188,230)
-
#c5b8ea
#c5b8ea
rgb(197,184,234)
-
#c3b5ed
#c3b5ed
rgb(195,181,237)
-
#c1b1f1
#c1b1f1
rgb(193,177,241)
-
#bfaef4
#bfaef4
rgb(191,174,244)
-
#beaaf8
#beaaf8
rgb(190,170,248)
-
#bca7fb
#bca7fb
rgb(188,167,251)
-
#baa3ff
#baa3ff
rgb(186,163,255)
Color Blindness Simulator
Below, you can see how #baa3ff 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.