#a1c3f0 Color Information
In a RGB color space, hex #a1c3f0 is composed of 63.1% red, 76.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 18.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 214.2 degrees, a saturation of 72.5% and a lightness of 78.6%. #a1c3f0 color hex could be obtained by blending #ffffff with #4387e1. Closest websafe color is: #99ccff.
-
- R 63
- G 76
- B 94
-
- C 33
- M 19
- Y 0
- K 6
● #a1c3f0 color description : Very soft blue.
#a1c3f0 Color Conversion
The hexadecimal color #a1c3f0 has RGB values of R:161, G:195, B:240 and CMYK values of C:0.33, M:0.19, Y:0, K:0.06. Its decimal value is 10601456.
Hex triplet | a1c3f0 | #a1c3f0 |
---|---|---|
RGB Decimal | 161, 195, 240 | rgb(161,195,240) |
RGB Percent | 63.1, 76.5, 94.1 | rgb(63.1%,76.5%,94.1%) |
CMYK | 33, 19, 0, 6 | |
HSL | 214.2°, 72.5, 78.6 | hsl(214.2,72.5%,78.6%) |
HSV (or HSB) | 214.2°, 32.9, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 77.814, -0.911, -25.957 |
---|---|
XYZ | 49.938, 52.897, 90.012 |
xyY | 0.259, 0.274, 52.897 |
CIE-LCH | 77.814, 25.973, 267.989 |
CIE-LUV | 77.814, -18.652, -41.235 |
Hunter-Lab | 72.73, -4.717, -22.467 |
Binary | 10100001, 11000011, 11110000 |
Color Schemes with #a1c3f0
Alternatives to #a1c3f0
Below, you can see some colors close to #a1c3f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a1c3f0 Preview
This text has a font color of #a1c3f0.
<span style="color:#a1c3f0;">Text here</span>
This paragraph has a background color of #a1c3f0.
<p style="background-color:#a1c3f0;">Content here</p>
This element has a border color of #a1c3f0.
<div style="border:1px solid #a1c3f0;">Content here</div>
.text {color:#a1c3f0;}
.background {background-color:#a1c3f0;}
.border {border:1px solid #a1c3f0;}
Shades and Tints of #a1c3f0
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, #010407 is the darkest color, while #f6f9fd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#040d18
#040d18
rgb(4,13,24)
-
#071629
#071629
rgb(7,22,41)
-
#091e3a
#091e3a
rgb(9,30,58)
-
#0c274b
#0c274b
rgb(12,39,75)
-
#0f305c
#0f305c
rgb(15,48,92)
-
#11396d
#11396d
rgb(17,57,109)
-
#14427e
#14427e
rgb(20,66,126)
-
#174a8f
#174a8f
rgb(23,74,143)
-
#1953a0
#1953a0
rgb(25,83,160)
-
#1c5cb1
#1c5cb1
rgb(28,92,177)
-
#1f65c2
#1f65c2
rgb(31,101,194)
-
#226ed2
#226ed2
rgb(34,110,210)
-
#2b77dd
#2b77dd
rgb(43,119,221)
-
#3c82e0
#3c82e0
rgb(60,130,224)
-
#4c8de3
#4c8de3
rgb(76,141,227)
-
#5d98e5
#5d98e5
rgb(93,152,229)
-
#6ea3e8
#6ea3e8
rgb(110,163,232)
-
#7fadeb
#7fadeb
rgb(127,173,235)
-
#90b8ed
#90b8ed
rgb(144,184,237)
-
#a1c3f0
#a1c3f0
rgb(161,195,240)
-
#b2cef3
#b2cef3
rgb(178,206,243)
-
#c3d9f5
#c3d9f5
rgb(195,217,245)
-
#d4e3f8
#d4e3f8
rgb(212,227,248)
-
#e5eefb
#e5eefb
rgb(229,238,251)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #a1c3f0
A tone is produced by adding gray to any pure hue. In this case, #c7c8ca is the less saturated color, while #94c1fd is the most saturated one.
-
#c7c8ca
#c7c8ca
rgb(199,200,202)
-
#c3c8ce
#c3c8ce
rgb(195,200,206)
-
#bec7d3
#bec7d3
rgb(190,199,211)
-
#bac7d7
#bac7d7
rgb(186,199,215)
-
#b6c6db
#b6c6db
rgb(182,198,219)
-
#b2c5df
#b2c5df
rgb(178,197,223)
-
#aec5e3
#aec5e3
rgb(174,197,227)
-
#a9c4e8
#a9c4e8
rgb(169,196,232)
-
#a5c4ec
#a5c4ec
rgb(165,196,236)
-
#a1c3f0
#a1c3f0
rgb(161,195,240)
-
#9dc2f4
#9dc2f4
rgb(157,194,244)
-
#99c2f8
#99c2f8
rgb(153,194,248)
-
#94c1fd
#94c1fd
rgb(148,193,253)
Color Blindness Simulator
Below, you can see how #a1c3f0 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.