#baafcc Color Information
In a RGB color space, hex #baafcc is composed of 72.9% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 262.8 degrees, a saturation of 22.1% and a lightness of 74.3%. #baafcc color hex could be obtained by blending #ffffff with #755f99. Closest websafe color is: #cc99cc.
-
- R 73
- G 69
- B 80
-
- C 9
- M 14
- Y 0
- K 20
● #baafcc color description : Grayish violet.
#baafcc Color Conversion
The hexadecimal color #baafcc has RGB values of R:186, G:175, B:204 and CMYK values of C:0.09, M:0.14, Y:0, K:0.2. Its decimal value is 12234700.
Hex triplet | baafcc | #baafcc |
---|---|---|
RGB Decimal | 186, 175, 204 | rgb(186,175,204) |
RGB Percent | 72.9, 68.6, 80 | rgb(72.9%,68.6%,80%) |
CMYK | 9, 14, 0, 20 | |
HSL | 262.8°, 22.1, 74.3 | hsl(262.8,22.1%,74.3%) |
HSV (or HSB) | 262.8°, 14.2, 80 | |
Web Safe | cc99cc | #cc99cc |
CIE-LAB | 73.193, 9.463, -13.271 |
---|---|
XYZ | 46.477, 45.459, 63.449 |
xyY | 0.299, 0.293, 45.459 |
CIE-LCH | 73.193, 16.3, 305.49 |
CIE-LUV | 73.193, 4.299, -21.889 |
Hunter-Lab | 67.423, 5.055, -8.599 |
Binary | 10111010, 10101111, 11001100 |
Color Schemes with #baafcc
Alternatives to #baafcc
Below, you can see some colors close to #baafcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baafcc Preview
This text has a font color of #baafcc.
<span style="color:#baafcc;">Text here</span>
This paragraph has a background color of #baafcc.
<p style="background-color:#baafcc;">Content here</p>
This element has a border color of #baafcc.
<div style="border:1px solid #baafcc;">Content here</div>
.text {color:#baafcc;}
.background {background-color:#baafcc;}
.border {border:1px solid #baafcc;}
Shades and Tints of #baafcc
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, #030204 is the darkest color, while #f8f7fa is the lightest one.
-
#030204
#030204
rgb(3,2,4)
-
#0c0a10
#0c0a10
rgb(12,10,16)
-
#16121c
#16121c
rgb(22,18,28)
-
#1f1928
#1f1928
rgb(31,25,40)
-
#282134
#282134
rgb(40,33,52)
-
#312940
#312940
rgb(49,41,64)
-
#3b304c
#3b304c
rgb(59,48,76)
-
#443858
#443858
rgb(68,56,88)
-
#4d4064
#4d4064
rgb(77,64,100)
-
#574770
#574770
rgb(87,71,112)
-
#604f7c
#604f7c
rgb(96,79,124)
-
#695688
#695688
rgb(105,86,136)
-
#725e94
#725e94
rgb(114,94,148)
-
#7c679e
#7c679e
rgb(124,103,158)
-
#8673a6
#8673a6
rgb(134,115,166)
-
#917fad
#917fad
rgb(145,127,173)
-
#9b8bb5
#9b8bb5
rgb(155,139,181)
-
#a597bd
#a597bd
rgb(165,151,189)
-
#b0a3c4
#b0a3c4
rgb(176,163,196)
-
#baafcc
#baafcc
rgb(186,175,204)
-
#c4bbd4
#c4bbd4
rgb(196,187,212)
-
#cfc7db
#cfc7db
rgb(207,199,219)
-
#d9d3e3
#d9d3e3
rgb(217,211,227)
-
#e3dfeb
#e3dfeb
rgb(227,223,235)
-
#eeebf2
#eeebf2
rgb(238,235,242)
-
#f8f7fa
#f8f7fa
rgb(248,247,250)
Tones of #baafcc
A tone is produced by adding gray to any pure hue. In this case, #bcb9c2 is the less saturated color, while #ae7dfe is the most saturated one.
-
#bcb9c2
#bcb9c2
rgb(188,185,194)
-
#bbb4c7
#bbb4c7
rgb(187,180,199)
-
#baafcc
#baafcc
rgb(186,175,204)
-
#b9aad1
#b9aad1
rgb(185,170,209)
-
#b8a5d6
#b8a5d6
rgb(184,165,214)
-
#b6a0db
#b6a0db
rgb(182,160,219)
-
#b59be0
#b59be0
rgb(181,155,224)
-
#b496e5
#b496e5
rgb(180,150,229)
-
#b391ea
#b391ea
rgb(179,145,234)
-
#b18cef
#b18cef
rgb(177,140,239)
-
#b087f4
#b087f4
rgb(176,135,244)
-
#af82f9
#af82f9
rgb(175,130,249)
-
#ae7dfe
#ae7dfe
rgb(174,125,254)
Color Blindness Simulator
Below, you can see how #baafcc 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.