#a2c3f3 Color Information
In a RGB color space, hex #a2c3f3 is composed of 63.5% red, 76.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 19.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 215.6 degrees, a saturation of 77.1% and a lightness of 79.4%. #a2c3f3 color hex could be obtained by blending #ffffff with #4587e7. Closest websafe color is: #99ccff.
-
- R 64
- G 76
- B 95
-
- C 33
- M 20
- Y 0
- K 5
● #a2c3f3 color description : Very soft blue.
#a2c3f3 Color Conversion
The hexadecimal color #a2c3f3 has RGB values of R:162, G:195, B:243 and CMYK values of C:0.33, M:0.2, Y:0, K:0.05. Its decimal value is 10666995.
Hex triplet | a2c3f3 | #a2c3f3 |
---|---|---|
RGB Decimal | 162, 195, 243 | rgb(162,195,243) |
RGB Percent | 63.5, 76.5, 95.3 | rgb(63.5%,76.5%,95.3%) |
CMYK | 33, 20, 0, 5 | |
HSL | 215.6°, 77.1, 79.4 | hsl(215.6,77.1%,79.4%) |
HSV (or HSB) | 215.6°, 33.3, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 77.982, 0.114, -27.305 |
---|---|
XYZ | 50.59, 53.181, 92.389 |
xyY | 0.258, 0.271, 53.181 |
CIE-LCH | 77.982, 27.306, 270.238 |
CIE-LUV | 77.982, -18.29, -43.659 |
Hunter-Lab | 72.925, -3.791, -24.066 |
Binary | 10100010, 11000011, 11110011 |
Color Schemes with #a2c3f3
Alternatives to #a2c3f3
Below, you can see some colors close to #a2c3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2c3f3 Preview
This text has a font color of #a2c3f3.
<span style="color:#a2c3f3;">Text here</span>
This paragraph has a background color of #a2c3f3.
<p style="background-color:#a2c3f3;">Content here</p>
This element has a border color of #a2c3f3.
<div style="border:1px solid #a2c3f3;">Content here</div>
.text {color:#a2c3f3;}
.background {background-color:#a2c3f3;}
.border {border:1px solid #a2c3f3;}
Shades and Tints of #a2c3f3
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, #01050b is the darkest color, while #f9fbfe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#040e1d
#040e1d
rgb(4,14,29)
-
#06162e
#06162e
rgb(6,22,46)
-
#081f3f
#081f3f
rgb(8,31,63)
-
#0a2751
#0a2751
rgb(10,39,81)
-
#0d2f62
#0d2f62
rgb(13,47,98)
-
#0f3873
#0f3873
rgb(15,56,115)
-
#114085
#114085
rgb(17,64,133)
-
#134996
#134996
rgb(19,73,150)
-
#1651a8
#1651a8
rgb(22,81,168)
-
#185ab9
#185ab9
rgb(24,90,185)
-
#1a62ca
#1a62ca
rgb(26,98,202)
-
#1c6adc
#1c6adc
rgb(28,106,220)
-
#2875e3
#2875e3
rgb(40,117,227)
-
#3a80e6
#3a80e6
rgb(58,128,230)
-
#4b8be8
#4b8be8
rgb(75,139,232)
-
#5d96ea
#5d96ea
rgb(93,150,234)
-
#6ea1ec
#6ea1ec
rgb(110,161,236)
-
#7fadef
#7fadef
rgb(127,173,239)
-
#91b8f1
#91b8f1
rgb(145,184,241)
-
#a2c3f3
#a2c3f3
rgb(162,195,243)
-
#b3cef5
#b3cef5
rgb(179,206,245)
-
#c5d9f7
#c5d9f7
rgb(197,217,247)
-
#d6e5fa
#d6e5fa
rgb(214,229,250)
-
#e7f0fc
#e7f0fc
rgb(231,240,252)
-
#f9fbfe
#f9fbfe
rgb(249,251,254)
Tones of #a2c3f3
A tone is produced by adding gray to any pure hue. In this case, #cacacb is the less saturated color, while #9ac2fb is the most saturated one.
-
#cacacb
#cacacb
rgb(202,202,203)
-
#c6cacf
#c6cacf
rgb(198,202,207)
-
#c2c9d3
#c2c9d3
rgb(194,201,211)
-
#bec8d7
#bec8d7
rgb(190,200,215)
-
#bac7db
#bac7db
rgb(186,199,219)
-
#b6c7df
#b6c7df
rgb(182,199,223)
-
#b2c6e3
#b2c6e3
rgb(178,198,227)
-
#aec5e7
#aec5e7
rgb(174,197,231)
-
#aac4eb
#aac4eb
rgb(170,196,235)
-
#a6c4ef
#a6c4ef
rgb(166,196,239)
-
#a2c3f3
#a2c3f3
rgb(162,195,243)
-
#9ec2f7
#9ec2f7
rgb(158,194,247)
-
#9ac2fb
#9ac2fb
rgb(154,194,251)
Color Blindness Simulator
Below, you can see how #a2c3f3 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.