#a2d2fd Color Information
In a RGB color space, hex #a2d2fd is composed of 63.5% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.4 degrees, a saturation of 95.8% and a lightness of 81.4%. #a2d2fd color hex could be obtained by blending #ffffff with #45a5fb. Closest websafe color is: #99ccff.
-
- R 64
- G 82
- B 99
-
- C 36
- M 17
- Y 0
- K 1
● #a2d2fd color description : Very soft blue.
#a2d2fd Color Conversion
The hexadecimal color #a2d2fd has RGB values of R:162, G:210, B:253 and CMYK values of C:0.36, M:0.17, Y:0, K:0.01. Its decimal value is 10670845.
Hex triplet | a2d2fd | #a2d2fd |
---|---|---|
RGB Decimal | 162, 210, 253 | rgb(162,210,253) |
RGB Percent | 63.5, 82.4, 99.2 | rgb(63.5%,82.4%,99.2%) |
CMYK | 36, 17, 0, 1 | |
HSL | 208.4°, 95.8, 81.4 | hsl(208.4,95.8%,81.4%) |
HSV (or HSB) | 208.4°, 36, 99.2 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 82.306, -5.384, -26.033 |
---|---|
XYZ | 55.672, 60.864, 101.738 |
xyY | 0.255, 0.279, 60.864 |
CIE-LCH | 82.306, 26.584, 258.315 |
CIE-LUV | 82.306, -24.634, -40.999 |
Hunter-Lab | 78.016, -9.148, -22.707 |
Binary | 10100010, 11010010, 11111101 |
Color Schemes with #a2d2fd
Alternatives to #a2d2fd
Below, you can see some colors close to #a2d2fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2d2fd Preview
This text has a font color of #a2d2fd.
<span style="color:#a2d2fd;">Text here</span>
This paragraph has a background color of #a2d2fd.
<p style="background-color:#a2d2fd;">Content here</p>
This element has a border color of #a2d2fd.
<div style="border:1px solid #a2d2fd;">Content here</div>
.text {color:#a2d2fd;}
.background {background-color:#a2d2fd;}
.border {border:1px solid #a2d2fd;}
Shades and Tints of #a2d2fd
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, #000203 is the darkest color, while #eff7ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000c16
#000c16
rgb(0,12,22)
-
#011629
#011629
rgb(1,22,41)
-
#01213d
#01213d
rgb(1,33,61)
-
#022b50
#022b50
rgb(2,43,80)
-
#023563
#023563
rgb(2,53,99)
-
#034076
#034076
rgb(3,64,118)
-
#034a89
#034a89
rgb(3,74,137)
-
#03549d
#03549d
rgb(3,84,157)
-
#045fb0
#045fb0
rgb(4,95,176)
-
#0469c3
#0469c3
rgb(4,105,195)
-
#0573d6
#0573d6
rgb(5,115,214)
-
#057ee9
#057ee9
rgb(5,126,233)
-
#0888fa
#0888fa
rgb(8,136,250)
-
#1c91fa
#1c91fa
rgb(28,145,250)
-
#2f9afb
#2f9afb
rgb(47,154,251)
-
#42a4fb
#42a4fb
rgb(66,164,251)
-
#55adfb
#55adfb
rgb(85,173,251)
-
#68b6fc
#68b6fc
rgb(104,182,252)
-
#7cbffc
#7cbffc
rgb(124,191,252)
-
#8fc9fd
#8fc9fd
rgb(143,201,253)
-
#a2d2fd
#a2d2fd
rgb(162,210,253)
-
#b5dbfd
#b5dbfd
rgb(181,219,253)
-
#c8e5fe
#c8e5fe
rgb(200,229,254)
-
#dceefe
#dceefe
rgb(220,238,254)
-
#eff7ff
#eff7ff
rgb(239,247,255)
Tones of #a2d2fd
A tone is produced by adding gray to any pure hue. In this case, #ced0d1 is the less saturated color, while #a2d2fd is the most saturated one.
-
#ced0d1
#ced0d1
rgb(206,208,209)
-
#cad0d5
#cad0d5
rgb(202,208,213)
-
#c7d0d8
#c7d0d8
rgb(199,208,216)
-
#c3d0dc
#c3d0dc
rgb(195,208,220)
-
#bfd0e0
#bfd0e0
rgb(191,208,224)
-
#bcd1e3
#bcd1e3
rgb(188,209,227)
-
#b8d1e7
#b8d1e7
rgb(184,209,231)
-
#b4d1eb
#b4d1eb
rgb(180,209,235)
-
#b1d1ee
#b1d1ee
rgb(177,209,238)
-
#add1f2
#add1f2
rgb(173,209,242)
-
#a9d2f6
#a9d2f6
rgb(169,210,246)
-
#a6d2f9
#a6d2f9
rgb(166,210,249)
-
#a2d2fd
#a2d2fd
rgb(162,210,253)
Color Blindness Simulator
Below, you can see how #a2d2fd 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.