#a1c4f2 Color Information
In a RGB color space, hex #a1c4f2 is composed of 63.1% red, 76.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 19% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.1 degrees, a saturation of 75.7% and a lightness of 79%. #a1c4f2 color hex could be obtained by blending #ffffff with #4389e5. Closest websafe color is: #99ccff.
-
- R 63
- G 77
- B 95
-
- C 33
- M 19
- Y 0
- K 5
● #a1c4f2 color description : Very soft blue.
#a1c4f2 Color Conversion
The hexadecimal color #a1c4f2 has RGB values of R:161, G:196, B:242 and CMYK values of C:0.33, M:0.19, Y:0, K:0.05. Its decimal value is 10601714.
Hex triplet | a1c4f2 | #a1c4f2 |
---|---|---|
RGB Decimal | 161, 196, 242 | rgb(161,196,242) |
RGB Percent | 63.1, 76.9, 94.9 | rgb(63.1%,76.9%,94.9%) |
CMYK | 33, 19, 0, 5 | |
HSL | 214.1°, 75.7, 79 | hsl(214.1,75.7%,79%) |
HSV (or HSB) | 214.1°, 33.5, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.149, -0.951, -26.518 |
---|---|
XYZ | 50.461, 53.466, 91.661 |
xyY | 0.258, 0.273, 53.466 |
CIE-LCH | 78.149, 26.535, 267.945 |
CIE-LUV | 78.149, -19.109, -42.193 |
Hunter-Lab | 73.121, -4.776, -23.139 |
Binary | 10100001, 11000100, 11110010 |
Color Schemes with #a1c4f2
Alternatives to #a1c4f2
Below, you can see some colors close to #a1c4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a1c4f2 Preview
This text has a font color of #a1c4f2.
<span style="color:#a1c4f2;">Text here</span>
This paragraph has a background color of #a1c4f2.
<p style="background-color:#a1c4f2;">Content here</p>
This element has a border color of #a1c4f2.
<div style="border:1px solid #a1c4f2;">Content here</div>
.text {color:#a1c4f2;}
.background {background-color:#a1c4f2;}
.border {border:1px solid #a1c4f2;}
Shades and Tints of #a1c4f2
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, #010509 is the darkest color, while #f7fafe is the lightest one.
-
#010509
#010509
rgb(1,5,9)
-
#040e1b
#040e1b
rgb(4,14,27)
-
#06162c
#06162c
rgb(6,22,44)
-
#081f3d
#081f3d
rgb(8,31,61)
-
#0b284e
#0b284e
rgb(11,40,78)
-
#0d3160
#0d3160
rgb(13,49,96)
-
#103a71
#103a71
rgb(16,58,113)
-
#124282
#124282
rgb(18,66,130)
-
#144b93
#144b93
rgb(20,75,147)
-
#1754a4
#1754a4
rgb(23,84,164)
-
#195db6
#195db6
rgb(25,93,182)
-
#1c66c7
#1c66c7
rgb(28,102,199)
-
#1e6ed8
#1e6ed8
rgb(30,110,216)
-
#2878e1
#2878e1
rgb(40,120,225)
-
#3a83e4
#3a83e4
rgb(58,131,228)
-
#4b8ee6
#4b8ee6
rgb(75,142,230)
-
#5c99e8
#5c99e8
rgb(92,153,232)
-
#6da4eb
#6da4eb
rgb(109,164,235)
-
#7faeed
#7faeed
rgb(127,174,237)
-
#90b9f0
#90b9f0
rgb(144,185,240)
-
#a1c4f2
#a1c4f2
rgb(161,196,242)
-
#b2cff4
#b2cff4
rgb(178,207,244)
-
#c3daf7
#c3daf7
rgb(195,218,247)
-
#d5e4f9
#d5e4f9
rgb(213,228,249)
-
#e6effc
#e6effc
rgb(230,239,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #a1c4f2
A tone is produced by adding gray to any pure hue. In this case, #c6c9cd is the less saturated color, while #95c2fe is the most saturated one.
-
#c6c9cd
#c6c9cd
rgb(198,201,205)
-
#c2c8d1
#c2c8d1
rgb(194,200,209)
-
#bec8d5
#bec8d5
rgb(190,200,213)
-
#bac7d9
#bac7d9
rgb(186,199,217)
-
#b6c7dd
#b6c7dd
rgb(182,199,221)
-
#b1c6e2
#b1c6e2
rgb(177,198,226)
-
#adc6e6
#adc6e6
rgb(173,198,230)
-
#a9c5ea
#a9c5ea
rgb(169,197,234)
-
#a5c5ee
#a5c5ee
rgb(165,197,238)
-
#a1c4f2
#a1c4f2
rgb(161,196,242)
-
#9dc3f6
#9dc3f6
rgb(157,195,246)
-
#99c3fa
#99c3fa
rgb(153,195,250)
-
#95c2fe
#95c2fe
rgb(149,194,254)
Color Blindness Simulator
Below, you can see how #a1c4f2 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.