#a2b8ff Color Information
In a RGB color space, hex #a2b8ff is composed of 63.5% red, 72.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 27.8% magenta, 0% yellow and 0% black. It has a hue angle of 225.8 degrees, a saturation of 100% and a lightness of 81.8%. #a2b8ff color hex could be obtained by blending #ffffff with #4571ff. Closest websafe color is: #99ccff.
-
- R 64
- G 72
- B 100
-
- C 36
- M 28
- Y 0
- K 0
● #a2b8ff color description : Pale blue.
#a2b8ff Color Conversion
The hexadecimal color #a2b8ff has RGB values of R:162, G:184, B:255 and CMYK values of C:0.36, M:0.28, Y:0, K:0. Its decimal value is 10664191.
Hex triplet | a2b8ff | #a2b8ff |
---|---|---|
RGB Decimal | 162, 184, 255 | rgb(162,184,255) |
RGB Percent | 63.5, 72.2, 100 | rgb(63.5%,72.2%,100%) |
CMYK | 36, 28, 0, 0 | |
HSL | 225.8°, 100, 81.8 | hsl(225.8,100%,81.8%) |
HSV (or HSB) | 225.8°, 36.5, 100 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 75.564, 9.19, -37.477 |
---|---|
XYZ | 50.087, 49.181, 101.456 |
xyY | 0.25, 0.245, 49.181 |
CIE-LCH | 75.564, 38.587, 283.778 |
CIE-LUV | 75.564, -14.145, -61.947 |
Hunter-Lab | 70.129, 4.761, -36.685 |
Binary | 10100010, 10111000, 11111111 |
Color Schemes with #a2b8ff
Alternatives to #a2b8ff
Below, you can see some colors close to #a2b8ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2b8ff Preview
This text has a font color of #a2b8ff.
<span style="color:#a2b8ff;">Text here</span>
This paragraph has a background color of #a2b8ff.
<p style="background-color:#a2b8ff;">Content here</p>
This element has a border color of #a2b8ff.
<div style="border:1px solid #a2b8ff;">Content here</div>
.text {color:#a2b8ff;}
.background {background-color:#a2b8ff;}
.border {border:1px solid #a2b8ff;}
Shades and Tints of #a2b8ff
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, #000105 is the darkest color, while #f0f4ff is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#000619
#000619
rgb(0,6,25)
-
#000a2c
#000a2c
rgb(0,10,44)
-
#000f40
#000f40
rgb(0,15,64)
-
#001454
#001454
rgb(0,20,84)
-
#001867
#001867
rgb(0,24,103)
-
#001d7b
#001d7b
rgb(0,29,123)
-
#00228e
#00228e
rgb(0,34,142)
-
#0026a2
#0026a2
rgb(0,38,162)
-
#002bb6
#002bb6
rgb(0,43,182)
-
#0030c9
#0030c9
rgb(0,48,201)
-
#0034dd
#0034dd
rgb(0,52,221)
-
#0039f0
#0039f0
rgb(0,57,240)
-
#0540ff
#0540ff
rgb(5,64,255)
-
#194fff
#194fff
rgb(25,79,255)
-
#2c5eff
#2c5eff
rgb(44,94,255)
-
#406dff
#406dff
rgb(64,109,255)
-
#547cff
#547cff
rgb(84,124,255)
-
#678bff
#678bff
rgb(103,139,255)
-
#7b9aff
#7b9aff
rgb(123,154,255)
-
#8ea9ff
#8ea9ff
rgb(142,169,255)
-
#a2b8ff
#a2b8ff
rgb(162,184,255)
-
#b6c7ff
#b6c7ff
rgb(182,199,255)
-
#c9d6ff
#c9d6ff
rgb(201,214,255)
-
#dde5ff
#dde5ff
rgb(221,229,255)
-
#f0f4ff
#f0f4ff
rgb(240,244,255)
Tones of #a2b8ff
A tone is produced by adding gray to any pure hue. In this case, #cdcfd4 is the less saturated color, while #a2b8ff is the most saturated one.
-
#cdcfd4
#cdcfd4
rgb(205,207,212)
-
#c9cdd8
#c9cdd8
rgb(201,205,216)
-
#c6cbdb
#c6cbdb
rgb(198,203,219)
-
#c2c9df
#c2c9df
rgb(194,201,223)
-
#bfc7e2
#bfc7e2
rgb(191,199,226)
-
#bbc5e6
#bbc5e6
rgb(187,197,230)
-
#b7c3ea
#b7c3ea
rgb(183,195,234)
-
#b4c1ed
#b4c1ed
rgb(180,193,237)
-
#b0c0f1
#b0c0f1
rgb(176,192,241)
-
#adbef4
#adbef4
rgb(173,190,244)
-
#a9bcf8
#a9bcf8
rgb(169,188,248)
-
#a6bafb
#a6bafb
rgb(166,186,251)
-
#a2b8ff
#a2b8ff
rgb(162,184,255)
Color Blindness Simulator
Below, you can see how #a2b8ff 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.