#a2b7f0 Color Information
In a RGB color space, hex #a2b7f0 is composed of 63.5% red, 71.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 23.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 223.8 degrees, a saturation of 72.2% and a lightness of 78.8%. #a2b7f0 color hex could be obtained by blending #ffffff with #456fe1. Closest websafe color is: #99ccff.
-
- R 64
- G 72
- B 94
-
- C 33
- M 24
- Y 0
- K 6
● #a2b7f0 color description : Very soft blue.
#a2b7f0 Color Conversion
The hexadecimal color #a2b7f0 has RGB values of R:162, G:183, B:240 and CMYK values of C:0.33, M:0.24, Y:0, K:0.06. Its decimal value is 10663920.
Hex triplet | a2b7f0 | #a2b7f0 |
---|---|---|
RGB Decimal | 162, 183, 240 | rgb(162,183,240) |
RGB Percent | 63.5, 71.8, 94.1 | rgb(63.5%,71.8%,94.1%) |
CMYK | 33, 24, 0, 6 | |
HSL | 223.8°, 72.2, 78.8 | hsl(223.8,72.2%,78.8%) |
HSV (or HSB) | 223.8°, 32.5, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 74.723, 5.901, -30.693 |
---|---|
XYZ | 47.559, 47.838, 89.161 |
xyY | 0.258, 0.259, 47.838 |
CIE-LCH | 74.723, 31.256, 280.883 |
CIE-LUV | 74.723, -13.225, -49.921 |
Hunter-Lab | 69.165, 1.699, -28.015 |
Binary | 10100010, 10110111, 11110000 |
Color Schemes with #a2b7f0
Alternatives to #a2b7f0
Below, you can see some colors close to #a2b7f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2b7f0 Preview
This text has a font color of #a2b7f0.
<span style="color:#a2b7f0;">Text here</span>
This paragraph has a background color of #a2b7f0.
<p style="background-color:#a2b7f0;">Content here</p>
This element has a border color of #a2b7f0.
<div style="border:1px solid #a2b7f0;">Content here</div>
.text {color:#a2b7f0;}
.background {background-color:#a2b7f0;}
.border {border:1px solid #a2b7f0;}
Shades and Tints of #a2b7f0
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, #010308 is the darkest color, while #f6f8fe is the lightest one.
-
#010308
#010308
rgb(1,3,8)
-
#040a19
#040a19
rgb(4,10,25)
-
#07102a
#07102a
rgb(7,16,42)
-
#0a173b
#0a173b
rgb(10,23,59)
-
#0c1d4c
#0c1d4c
rgb(12,29,76)
-
#0f245d
#0f245d
rgb(15,36,93)
-
#122a6e
#122a6e
rgb(18,42,110)
-
#14317f
#14317f
rgb(20,49,127)
-
#17388f
#17388f
rgb(23,56,143)
-
#1a3ea0
#1a3ea0
rgb(26,62,160)
-
#1d45b1
#1d45b1
rgb(29,69,177)
-
#1f4bc2
#1f4bc2
rgb(31,75,194)
-
#2252d3
#2252d3
rgb(34,82,211)
-
#2c5bdd
#2c5bdd
rgb(44,91,221)
-
#3d69e0
#3d69e0
rgb(61,105,224)
-
#4e76e2
#4e76e2
rgb(78,118,226)
-
#5e83e5
#5e83e5
rgb(94,131,229)
-
#6f90e8
#6f90e8
rgb(111,144,232)
-
#809deb
#809deb
rgb(128,157,235)
-
#91aaed
#91aaed
rgb(145,170,237)
-
#a2b7f0
#a2b7f0
rgb(162,183,240)
-
#b3c4f3
#b3c4f3
rgb(179,196,243)
-
#c4d1f5
#c4d1f5
rgb(196,209,245)
-
#d5def8
#d5def8
rgb(213,222,248)
-
#e6ebfb
#e6ebfb
rgb(230,235,251)
-
#f6f8fe
#f6f8fe
rgb(246,248,254)
Tones of #a2b7f0
A tone is produced by adding gray to any pure hue. In this case, #c7c8cb is the less saturated color, while #96b1fc is the most saturated one.
-
#c7c8cb
#c7c8cb
rgb(199,200,203)
-
#c3c6cf
#c3c6cf
rgb(195,198,207)
-
#bfc4d3
#bfc4d3
rgb(191,196,211)
-
#bbc3d7
#bbc3d7
rgb(187,195,215)
-
#b7c1db
#b7c1db
rgb(183,193,219)
-
#b3bfdf
#b3bfdf
rgb(179,191,223)
-
#aebde4
#aebde4
rgb(174,189,228)
-
#aabbe8
#aabbe8
rgb(170,187,232)
-
#a6b9ec
#a6b9ec
rgb(166,185,236)
-
#a2b7f0
#a2b7f0
rgb(162,183,240)
-
#9eb5f4
#9eb5f4
rgb(158,181,244)
-
#9ab3f8
#9ab3f8
rgb(154,179,248)
-
#96b1fc
#96b1fc
rgb(150,177,252)
Color Blindness Simulator
Below, you can see how #a2b7f0 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.