#a2bff4 Color Information
In a RGB color space, hex #a2bff4 is composed of 63.5% red, 74.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 21.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 218.8 degrees, a saturation of 78.8% and a lightness of 79.6%. #a2bff4 color hex could be obtained by blending #ffffff with #457fe9. Closest websafe color is: #99ccff.
-
- R 64
- G 75
- B 96
-
- C 34
- M 22
- Y 0
- K 4
● #a2bff4 color description : Very soft blue.
#a2bff4 Color Conversion
The hexadecimal color #a2bff4 has RGB values of R:162, G:191, B:244 and CMYK values of C:0.34, M:0.22, Y:0, K:0.04. Its decimal value is 10665972.
Hex triplet | a2bff4 | #a2bff4 |
---|---|---|
RGB Decimal | 162, 191, 244 | rgb(162,191,244) |
RGB Percent | 63.5, 74.9, 95.7 | rgb(63.5%,74.9%,95.7%) |
CMYK | 34, 22, 0, 4 | |
HSL | 218.8°, 78.8, 79.6 | hsl(218.8,78.8%,79.6%) |
HSV (or HSB) | 218.8°, 33.6, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 76.965, 2.531, -29.402 |
---|---|
XYZ | 49.857, 51.473, 92.891 |
xyY | 0.257, 0.265, 51.473 |
CIE-LCH | 76.965, 29.511, 274.921 |
CIE-LUV | 76.965, -16.655, -47.458 |
Hunter-Lab | 71.745, -1.511, -26.544 |
Binary | 10100010, 10111111, 11110100 |
Color Schemes with #a2bff4
Alternatives to #a2bff4
Below, you can see some colors close to #a2bff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bff4 Preview
This text has a font color of #a2bff4.
<span style="color:#a2bff4;">Text here</span>
This paragraph has a background color of #a2bff4.
<p style="background-color:#a2bff4;">Content here</p>
This element has a border color of #a2bff4.
<div style="border:1px solid #a2bff4;">Content here</div>
.text {color:#a2bff4;}
.background {background-color:#a2bff4;}
.border {border:1px solid #a2bff4;}
Shades and Tints of #a2bff4
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, #01050c is the darkest color, while #fafbfe is the lightest one.
-
#01050c
#01050c
rgb(1,5,12)
-
#040d1e
#040d1e
rgb(4,13,30)
-
#06142f
#06142f
rgb(6,20,47)
-
#081c41
#081c41
rgb(8,28,65)
-
#0a2352
#0a2352
rgb(10,35,82)
-
#0c2b64
#0c2b64
rgb(12,43,100)
-
#0e3375
#0e3375
rgb(14,51,117)
-
#103a87
#103a87
rgb(16,58,135)
-
#124299
#124299
rgb(18,66,153)
-
#1449aa
#1449aa
rgb(20,73,170)
-
#1651bc
#1651bc
rgb(22,81,188)
-
#1858cd
#1858cd
rgb(24,88,205)
-
#1a60df
#1a60df
rgb(26,96,223)
-
#276be5
#276be5
rgb(39,107,229)
-
#3977e8
#3977e8
rgb(57,119,232)
-
#4a83ea
#4a83ea
rgb(74,131,234)
-
#5c8fec
#5c8fec
rgb(92,143,236)
-
#6d9bee
#6d9bee
rgb(109,155,238)
-
#7fa7f0
#7fa7f0
rgb(127,167,240)
-
#90b3f2
#90b3f2
rgb(144,179,242)
-
#a2bff4
#a2bff4
rgb(162,191,244)
-
#b4cbf6
#b4cbf6
rgb(180,203,246)
-
#c5d7f8
#c5d7f8
rgb(197,215,248)
-
#d7e3fa
#d7e3fa
rgb(215,227,250)
-
#e8effc
#e8effc
rgb(232,239,252)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #a2bff4
A tone is produced by adding gray to any pure hue. In this case, #cacbcc is the less saturated color, while #9abdfc is the most saturated one.
-
#cacbcc
#cacbcc
rgb(202,203,204)
-
#c6cad0
#c6cad0
rgb(198,202,208)
-
#c2c8d4
#c2c8d4
rgb(194,200,212)
-
#bec7d8
#bec7d8
rgb(190,199,216)
-
#bac6dc
#bac6dc
rgb(186,198,220)
-
#b6c5e0
#b6c5e0
rgb(182,197,224)
-
#b2c4e4
#b2c4e4
rgb(178,196,228)
-
#aec3e8
#aec3e8
rgb(174,195,232)
-
#aac1ec
#aac1ec
rgb(170,193,236)
-
#a6c0f0
#a6c0f0
rgb(166,192,240)
-
#a2bff4
#a2bff4
rgb(162,191,244)
-
#9ebef8
#9ebef8
rgb(158,190,248)
-
#9abdfc
#9abdfc
rgb(154,189,252)
Color Blindness Simulator
Below, you can see how #a2bff4 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.