#a7c3e2 Color Information
In a RGB color space, hex #a7c3e2 is composed of 65.5% red, 76.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 13.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 211.5 degrees, a saturation of 50.4% and a lightness of 77.1%. #a7c3e2 color hex could be obtained by blending #ffffff with #4f87c5. Closest websafe color is: #99cccc.
-
- R 65
- G 76
- B 89
-
- C 26
- M 14
- Y 0
- K 11
● #a7c3e2 color description : Very soft blue.
#a7c3e2 Color Conversion
The hexadecimal color #a7c3e2 has RGB values of R:167, G:195, B:226 and CMYK values of C:0.26, M:0.14, Y:0, K:0.11. Its decimal value is 10994658.
Hex triplet | a7c3e2 | #a7c3e2 |
---|---|---|
RGB Decimal | 167, 195, 226 | rgb(167,195,226) |
RGB Percent | 65.5, 76.5, 88.6 | rgb(65.5%,76.5%,88.6%) |
CMYK | 26, 14, 0, 11 | |
HSL | 211.5°, 50.4, 77.1 | hsl(211.5,50.4%,77.1%) |
HSV (or HSB) | 211.5°, 26.1, 88.6 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 77.719, -2.562, -18.537 |
---|---|
XYZ | 49.176, 52.735, 79.535 |
xyY | 0.271, 0.291, 52.735 |
CIE-LCH | 77.719, 18.713, 262.132 |
CIE-LUV | 77.719, -15.667, -28.685 |
Hunter-Lab | 72.619, -6.208, -14.103 |
Binary | 10100111, 11000011, 11100010 |
Color Schemes with #a7c3e2
Alternatives to #a7c3e2
Below, you can see some colors close to #a7c3e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a7c3e2 Preview
This text has a font color of #a7c3e2.
<span style="color:#a7c3e2;">Text here</span>
This paragraph has a background color of #a7c3e2.
<p style="background-color:#a7c3e2;">Content here</p>
This element has a border color of #a7c3e2.
<div style="border:1px solid #a7c3e2;">Content here</div>
.text {color:#a7c3e2;}
.background {background-color:#a7c3e2;}
.border {border:1px solid #a7c3e2;}
Shades and Tints of #a7c3e2
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, #000001 is the darkest color, while #f1f5fa is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050a0f
#050a0f
rgb(5,10,15)
-
#0a131e
#0a131e
rgb(10,19,30)
-
#0f1d2d
#0f1d2d
rgb(15,29,45)
-
#14273c
#14273c
rgb(20,39,60)
-
#18304a
#18304a
rgb(24,48,74)
-
#1d3a59
#1d3a59
rgb(29,58,89)
-
#224368
#224368
rgb(34,67,104)
-
#274d77
#274d77
rgb(39,77,119)
-
#2c5685
#2c5685
rgb(44,86,133)
-
#316094
#316094
rgb(49,96,148)
-
#3669a3
#3669a3
rgb(54,105,163)
-
#3b73b2
#3b73b2
rgb(59,115,178)
-
#407dc0
#407dc0
rgb(64,125,192)
-
#4e87c5
#4e87c5
rgb(78,135,197)
-
#5d91ca
#5d91ca
rgb(93,145,202)
-
#6c9bcf
#6c9bcf
rgb(108,155,207)
-
#7ba5d3
#7ba5d3
rgb(123,165,211)
-
#89afd8
#89afd8
rgb(137,175,216)
-
#98b9dd
#98b9dd
rgb(152,185,221)
-
#a7c3e2
#a7c3e2
rgb(167,195,226)
-
#b6cde7
#b6cde7
rgb(182,205,231)
-
#c5d7ec
#c5d7ec
rgb(197,215,236)
-
#d3e1f1
#d3e1f1
rgb(211,225,241)
-
#e2ebf5
#e2ebf5
rgb(226,235,245)
-
#f1f5fa
#f1f5fa
rgb(241,245,250)
Tones of #a7c3e2
A tone is produced by adding gray to any pure hue. In this case, #c2c4c7 is the less saturated color, while #8cc2fd is the most saturated one.
-
#c2c4c7
#c2c4c7
rgb(194,196,199)
-
#bec4cc
#bec4cc
rgb(190,196,204)
-
#b9c4d0
#b9c4d0
rgb(185,196,208)
-
#b5c4d5
#b5c4d5
rgb(181,196,213)
-
#b0c3d9
#b0c3d9
rgb(176,195,217)
-
#acc3de
#acc3de
rgb(172,195,222)
-
#a7c3e2
#a7c3e2
rgb(167,195,226)
-
#a3c3e7
#a3c3e7
rgb(163,195,231)
-
#9ec3eb
#9ec3eb
rgb(158,195,235)
-
#9ac2f0
#9ac2f0
rgb(154,194,240)
-
#95c2f4
#95c2f4
rgb(149,194,244)
-
#91c2f9
#91c2f9
rgb(145,194,249)
-
#8cc2fd
#8cc2fd
rgb(140,194,253)
Color Blindness Simulator
Below, you can see how #a7c3e2 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.