#a3e2f7 Color Information
In a RGB color space, hex #a3e2f7 is composed of 63.9% red, 88.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 8.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 195 degrees, a saturation of 84% and a lightness of 80.4%. #a3e2f7 color hex could be obtained by blending #ffffff with #47c5ef. Closest websafe color is: #99ccff.
-
- R 64
- G 89
- B 97
-
- C 34
- M 9
- Y 0
- K 3
● #a3e2f7 color description : Very soft blue.
#a3e2f7 Color Conversion
The hexadecimal color #a3e2f7 has RGB values of R:163, G:226, B:247 and CMYK values of C:0.34, M:0.09, Y:0, K:0.03. Its decimal value is 10740471.
Hex triplet | a3e2f7 | #a3e2f7 |
---|---|---|
RGB Decimal | 163, 226, 247 | rgb(163,226,247) |
RGB Percent | 63.9, 88.6, 96.9 | rgb(63.9%,88.6%,96.9%) |
CMYK | 34, 9, 0, 3 | |
HSL | 195°, 84, 80.4 | hsl(195,84%,80.4%) |
HSV (or HSB) | 195°, 34, 96.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 86.451, -14.871, -16.577 |
---|---|
XYZ | 59.085, 68.892, 98.175 |
xyY | 0.261, 0.305, 68.892 |
CIE-LCH | 86.451, 22.27, 228.106 |
CIE-LUV | 86.451, -30.841, -23.943 |
Hunter-Lab | 83.001, -18.186, -12.028 |
Binary | 10100011, 11100010, 11110111 |
Color Schemes with #a3e2f7
Alternatives to #a3e2f7
Below, you can see some colors close to #a3e2f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a3e2f7 Preview
This text has a font color of #a3e2f7.
<span style="color:#a3e2f7;">Text here</span>
This paragraph has a background color of #a3e2f7.
<p style="background-color:#a3e2f7;">Content here</p>
This element has a border color of #a3e2f7.
<div style="border:1px solid #a3e2f7;">Content here</div>
.text {color:#a3e2f7;}
.background {background-color:#a3e2f7;}
.border {border:1px solid #a3e2f7;}
Shades and Tints of #a3e2f7
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, #010d10 is the darkest color, while #fdfeff is the lightest one.
-
#010d10
#010d10
rgb(1,13,16)
-
#031a22
#031a22
rgb(3,26,34)
-
#052834
#052834
rgb(5,40,52)
-
#063646
#063646
rgb(6,54,70)
-
#084458
#084458
rgb(8,68,88)
-
#09526b
#09526b
rgb(9,82,107)
-
#0b607d
#0b607d
rgb(11,96,125)
-
#0c6e8f
#0c6e8f
rgb(12,110,143)
-
#0e7ca1
#0e7ca1
rgb(14,124,161)
-
#108ab3
#108ab3
rgb(16,138,179)
-
#1198c5
#1198c5
rgb(17,152,197)
-
#13a6d7
#13a6d7
rgb(19,166,215)
-
#14b4e9
#14b4e9
rgb(20,180,233)
-
#25baec
#25baec
rgb(37,186,236)
-
#37c0ee
#37c0ee
rgb(55,192,238)
-
#49c6ef
#49c6ef
rgb(73,198,239)
-
#5bcbf1
#5bcbf1
rgb(91,203,241)
-
#6dd1f2
#6dd1f2
rgb(109,209,242)
-
#7fd7f4
#7fd7f4
rgb(127,215,244)
-
#91dcf5
#91dcf5
rgb(145,220,245)
-
#a3e2f7
#a3e2f7
rgb(163,226,247)
-
#b5e8f9
#b5e8f9
rgb(181,232,249)
-
#c7edfa
#c7edfa
rgb(199,237,250)
-
#d9f3fc
#d9f3fc
rgb(217,243,252)
-
#ebf9fd
#ebf9fd
rgb(235,249,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #a3e2f7
A tone is produced by adding gray to any pure hue. In this case, #c9cfd1 is the less saturated color, while #9be6ff is the most saturated one.
-
#c9cfd1
#c9cfd1
rgb(201,207,209)
-
#c6d1d4
#c6d1d4
rgb(198,209,212)
-
#c2d3d8
#c2d3d8
rgb(194,211,216)
-
#bed5dc
#bed5dc
rgb(190,213,220)
-
#bad6e0
#bad6e0
rgb(186,214,224)
-
#b6d8e4
#b6d8e4
rgb(182,216,228)
-
#b2dae8
#b2dae8
rgb(178,218,232)
-
#afdceb
#afdceb
rgb(175,220,235)
-
#abdeef
#abdeef
rgb(171,222,239)
-
#a7e0f3
#a7e0f3
rgb(167,224,243)
-
#a3e2f7
#a3e2f7
rgb(163,226,247)
-
#9fe4fb
#9fe4fb
rgb(159,228,251)
-
#9be6ff
#9be6ff
rgb(155,230,255)
Color Blindness Simulator
Below, you can see how #a3e2f7 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.