#a3baf6 Color Information
In a RGB color space, hex #a3baf6 is composed of 63.9% red, 72.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 24.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 223.4 degrees, a saturation of 82.2% and a lightness of 80.2%. #a3baf6 color hex could be obtained by blending #ffffff with #4775ed. Closest websafe color is: #99ccff.
-
- R 64
- G 73
- B 96
-
- C 34
- M 24
- Y 0
- K 4
● #a3baf6 color description : Very soft blue.
#a3baf6 Color Conversion
The hexadecimal color #a3baf6 has RGB values of R:163, G:186, B:246 and CMYK values of C:0.34, M:0.24, Y:0, K:0.04. Its decimal value is 10730230.
Hex triplet | a3baf6 | #a3baf6 |
---|---|---|
RGB Decimal | 163, 186, 246 | rgb(163,186,246) |
RGB Percent | 63.9, 72.9, 96.5 | rgb(63.9%,72.9%,96.5%) |
CMYK | 34, 24, 0, 4 | |
HSL | 223.4°, 82.2, 80.2 | hsl(223.4,82.2%,80.2%) |
HSV (or HSB) | 223.4°, 33.7, 96.5 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 75.796, 6.045, -32.27 |
---|---|
XYZ | 49.294, 49.557, 94.152 |
xyY | 0.255, 0.257, 49.557 |
CIE-LCH | 75.796, 32.832, 280.61 |
CIE-LUV | 75.796, -14.225, -52.698 |
Hunter-Lab | 70.397, 1.798, -30.02 |
Binary | 10100011, 10111010, 11110110 |
Color Schemes with #a3baf6
Alternatives to #a3baf6
Below, you can see some colors close to #a3baf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a3baf6 Preview
This text has a font color of #a3baf6.
<span style="color:#a3baf6;">Text here</span>
This paragraph has a background color of #a3baf6.
<p style="background-color:#a3baf6;">Content here</p>
This element has a border color of #a3baf6.
<div style="border:1px solid #a3baf6;">Content here</div>
.text {color:#a3baf6;}
.background {background-color:#a3baf6;}
.border {border:1px solid #a3baf6;}
Shades and Tints of #a3baf6
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, #01050f is the darkest color, while #fcfdff is the lightest one.
-
#01050f
#01050f
rgb(1,5,15)
-
#030c21
#030c21
rgb(3,12,33)
-
#051233
#051233
rgb(5,18,51)
-
#071845
#071845
rgb(7,24,69)
-
#081e57
#081e57
rgb(8,30,87)
-
#0a2469
#0a2469
rgb(10,36,105)
-
#0c2b7a
#0c2b7a
rgb(12,43,122)
-
#0e318c
#0e318c
rgb(14,49,140)
-
#0f379e
#0f379e
rgb(15,55,158)
-
#113db0
#113db0
rgb(17,61,176)
-
#1343c2
#1343c2
rgb(19,67,194)
-
#154ad4
#154ad4
rgb(21,74,212)
-
#1650e6
#1650e6
rgb(22,80,230)
-
#265cea
#265cea
rgb(38,92,234)
-
#386aec
#386aec
rgb(56,106,236)
-
#4a77ed
#4a77ed
rgb(74,119,237)
-
#5c84ef
#5c84ef
rgb(92,132,239)
-
#6d92f1
#6d92f1
rgb(109,146,241)
-
#7f9ff3
#7f9ff3
rgb(127,159,243)
-
#91adf4
#91adf4
rgb(145,173,244)
-
#a3baf6
#a3baf6
rgb(163,186,246)
-
#b5c7f8
#b5c7f8
rgb(181,199,248)
-
#c7d5f9
#c7d5f9
rgb(199,213,249)
-
#d9e2fb
#d9e2fb
rgb(217,226,251)
-
#eaf0fd
#eaf0fd
rgb(234,240,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #a3baf6
A tone is produced by adding gray to any pure hue. In this case, #cacbcf is the less saturated color, while #9bb7fe is the most saturated one.
-
#cacbcf
#cacbcf
rgb(202,203,207)
-
#c6cad3
#c6cad3
rgb(198,202,211)
-
#c2c8d7
#c2c8d7
rgb(194,200,215)
-
#bec6db
#bec6db
rgb(190,198,219)
-
#bac4df
#bac4df
rgb(186,196,223)
-
#b6c3e3
#b6c3e3
rgb(182,195,227)
-
#b3c1e6
#b3c1e6
rgb(179,193,230)
-
#afbfea
#afbfea
rgb(175,191,234)
-
#abbdee
#abbdee
rgb(171,189,238)
-
#a7bcf2
#a7bcf2
rgb(167,188,242)
-
#a3baf6
#a3baf6
rgb(163,186,246)
-
#9fb8fa
#9fb8fa
rgb(159,184,250)
-
#9bb7fe
#9bb7fe
rgb(155,183,254)
Color Blindness Simulator
Below, you can see how #a3baf6 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.