#a2d6f0 Color Information
In a RGB color space, hex #a2d6f0 is composed of 63.5% red, 83.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 10.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 200 degrees, a saturation of 72.2% and a lightness of 78.8%. #a2d6f0 color hex could be obtained by blending #ffffff with #45ade1. Closest websafe color is: #99ccff.
-
- R 64
- G 84
- B 94
-
- C 33
- M 11
- Y 0
- K 6
● #a2d6f0 color description : Very soft blue.
#a2d6f0 Color Conversion
The hexadecimal color #a2d6f0 has RGB values of R:162, G:214, B:240 and CMYK values of C:0.33, M:0.11, Y:0, K:0.06. Its decimal value is 10671856.
Hex triplet | a2d6f0 | #a2d6f0 |
---|---|---|
RGB Decimal | 162, 214, 240 | rgb(162,214,240) |
RGB Percent | 63.5, 83.9, 94.1 | rgb(63.5%,83.9%,94.1%) |
CMYK | 33, 11, 0, 6 | |
HSL | 200°, 72.2, 78.8 | hsl(200,72.2%,78.8%) |
HSV (or HSB) | 200°, 32.5, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 82.947, -10.672, -18.157 |
---|---|
XYZ | 54.671, 62.064, 91.532 |
xyY | 0.263, 0.298, 62.064 |
CIE-LCH | 82.947, 21.061, 239.555 |
CIE-LUV | 82.947, -26.215, -27.069 |
Hunter-Lab | 78.781, -13.992, -13.74 |
Binary | 10100010, 11010110, 11110000 |
Color Schemes with #a2d6f0
Alternatives to #a2d6f0
Below, you can see some colors close to #a2d6f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2d6f0 Preview
This text has a font color of #a2d6f0.
<span style="color:#a2d6f0;">Text here</span>
This paragraph has a background color of #a2d6f0.
<p style="background-color:#a2d6f0;">Content here</p>
This element has a border color of #a2d6f0.
<div style="border:1px solid #a2d6f0;">Content here</div>
.text {color:#a2d6f0;}
.background {background-color:#a2d6f0;}
.border {border:1px solid #a2d6f0;}
Shades and Tints of #a2d6f0
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, #010608 is the darkest color, while #f6fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#041219
#041219
rgb(4,18,25)
-
#071e2a
#071e2a
rgb(7,30,42)
-
#0a2b3b
#0a2b3b
rgb(10,43,59)
-
#0c374c
#0c374c
rgb(12,55,76)
-
#0f435d
#0f435d
rgb(15,67,93)
-
#124f6e
#124f6e
rgb(18,79,110)
-
#145b7f
#145b7f
rgb(20,91,127)
-
#17678f
#17678f
rgb(23,103,143)
-
#1a74a0
#1a74a0
rgb(26,116,160)
-
#1d80b1
#1d80b1
rgb(29,128,177)
-
#1f8cc2
#1f8cc2
rgb(31,140,194)
-
#2298d3
#2298d3
rgb(34,152,211)
-
#2ca2dd
#2ca2dd
rgb(44,162,221)
-
#3da9e0
#3da9e0
rgb(61,169,224)
-
#4eb1e2
#4eb1e2
rgb(78,177,226)
-
#5eb8e5
#5eb8e5
rgb(94,184,229)
-
#6fc0e8
#6fc0e8
rgb(111,192,232)
-
#80c7eb
#80c7eb
rgb(128,199,235)
-
#91cfed
#91cfed
rgb(145,207,237)
-
#a2d6f0
#a2d6f0
rgb(162,214,240)
-
#b3ddf3
#b3ddf3
rgb(179,221,243)
-
#c4e5f5
#c4e5f5
rgb(196,229,245)
-
#d5ecf8
#d5ecf8
rgb(213,236,248)
-
#e6f4fb
#e6f4fb
rgb(230,244,251)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #a2d6f0
A tone is produced by adding gray to any pure hue. In this case, #c7cacb is the less saturated color, while #96dafc is the most saturated one.
-
#c7cacb
#c7cacb
rgb(199,202,203)
-
#c3cbcf
#c3cbcf
rgb(195,203,207)
-
#bfccd3
#bfccd3
rgb(191,204,211)
-
#bbced7
#bbced7
rgb(187,206,215)
-
#b7cfdb
#b7cfdb
rgb(183,207,219)
-
#b3d0df
#b3d0df
rgb(179,208,223)
-
#aed2e4
#aed2e4
rgb(174,210,228)
-
#aad3e8
#aad3e8
rgb(170,211,232)
-
#a6d5ec
#a6d5ec
rgb(166,213,236)
-
#a2d6f0
#a2d6f0
rgb(162,214,240)
-
#9ed7f4
#9ed7f4
rgb(158,215,244)
-
#9ad9f8
#9ad9f8
rgb(154,217,248)
-
#96dafc
#96dafc
rgb(150,218,252)
Color Blindness Simulator
Below, you can see how #a2d6f0 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.