#a2baf8 Color Information
In a RGB color space, hex #a2baf8 is composed of 63.5% red, 72.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 25% magenta, 0% yellow and 2.7% black. It has a hue angle of 223.3 degrees, a saturation of 86% and a lightness of 80.4%. #a2baf8 color hex could be obtained by blending #ffffff with #4575f1. Closest websafe color is: #99ccff.
-
- R 64
- G 73
- B 97
-
- C 35
- M 25
- Y 0
- K 3
● #a2baf8 color description : Very soft blue.
#a2baf8 Color Conversion
The hexadecimal color #a2baf8 has RGB values of R:162, G:186, B:248 and CMYK values of C:0.35, M:0.25, Y:0, K:0.03. Its decimal value is 10664696.
Hex triplet | a2baf8 | #a2baf8 |
---|---|---|
RGB Decimal | 162, 186, 248 | rgb(162,186,248) |
RGB Percent | 63.5, 72.9, 97.3 | rgb(63.5%,72.9%,97.3%) |
CMYK | 35, 25, 0, 3 | |
HSL | 223.3°, 86, 80.4 | hsl(223.3,86%,80.4%) |
HSV (or HSB) | 223.3°, 34.7, 97.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 75.808, 6.28, -33.335 |
---|---|
XYZ | 49.399, 49.575, 95.768 |
xyY | 0.254, 0.255, 49.575 |
CIE-LCH | 75.808, 33.921, 280.67 |
CIE-LUV | 75.808, -14.72, -54.534 |
Hunter-Lab | 70.41, 2.018, -31.357 |
Binary | 10100010, 10111010, 11111000 |
Color Schemes with #a2baf8
Alternatives to #a2baf8
Below, you can see some colors close to #a2baf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2baf8 Preview
This text has a font color of #a2baf8.
<span style="color:#a2baf8;">Text here</span>
This paragraph has a background color of #a2baf8.
<p style="background-color:#a2baf8;">Content here</p>
This element has a border color of #a2baf8.
<div style="border:1px solid #a2baf8;">Content here</div>
.text {color:#a2baf8;}
.background {background-color:#a2baf8;}
.border {border:1px solid #a2baf8;}
Shades and Tints of #a2baf8
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, #010510 is the darkest color, while #fdfeff is the lightest one.
-
#010510
#010510
rgb(1,5,16)
-
#030c23
#030c23
rgb(3,12,35)
-
#041235
#041235
rgb(4,18,53)
-
#051847
#051847
rgb(5,24,71)
-
#071e59
#071e59
rgb(7,30,89)
-
#08246c
#08246c
rgb(8,36,108)
-
#092a7e
#092a7e
rgb(9,42,126)
-
#0b3090
#0b3090
rgb(11,48,144)
-
#0c36a2
#0c36a2
rgb(12,54,162)
-
#0e3cb5
#0e3cb5
rgb(14,60,181)
-
#0f42c7
#0f42c7
rgb(15,66,199)
-
#1048d9
#1048d9
rgb(16,72,217)
-
#124eeb
#124eeb
rgb(18,78,235)
-
#225bee
#225bee
rgb(34,91,238)
-
#3569f0
#3569f0
rgb(53,105,240)
-
#4776f1
#4776f1
rgb(71,118,241)
-
#5984f3
#5984f3
rgb(89,132,243)
-
#6b91f4
#6b91f4
rgb(107,145,244)
-
#7e9ff5
#7e9ff5
rgb(126,159,245)
-
#90acf7
#90acf7
rgb(144,172,247)
-
#a2baf8
#a2baf8
rgb(162,186,248)
-
#b4c8f9
#b4c8f9
rgb(180,200,249)
-
#c6d5fb
#c6d5fb
rgb(198,213,251)
-
#d9e3fc
#d9e3fc
rgb(217,227,252)
-
#ebf0fd
#ebf0fd
rgb(235,240,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #a2baf8
A tone is produced by adding gray to any pure hue. In this case, #cccdce is the less saturated color, while #9eb8fc is the most saturated one.
-
#cccdce
#cccdce
rgb(204,205,206)
-
#c8cbd2
#c8cbd2
rgb(200,203,210)
-
#c5c9d5
#c5c9d5
rgb(197,201,213)
-
#c1c8d9
#c1c8d9
rgb(193,200,217)
-
#bdc6dd
#bdc6dd
rgb(189,198,221)
-
#b9c4e1
#b9c4e1
rgb(185,196,225)
-
#b5c2e5
#b5c2e5
rgb(181,194,229)
-
#b1c1e9
#b1c1e9
rgb(177,193,233)
-
#aebfec
#aebfec
rgb(174,191,236)
-
#aabdf0
#aabdf0
rgb(170,189,240)
-
#a6bcf4
#a6bcf4
rgb(166,188,244)
-
#a2baf8
#a2baf8
rgb(162,186,248)
-
#9eb8fc
#9eb8fc
rgb(158,184,252)
Color Blindness Simulator
Below, you can see how #a2baf8 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.