#28aae2 Color Information
In a RGB color space, hex #28aae2 is composed of 15.7% red, 66.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 24.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.1 degrees, a saturation of 76.2% and a lightness of 52.2%. #28aae2 color hex could be obtained by blending #50ffff with #0055c5. Closest websafe color is: #3399cc.
-
- R 16
- G 67
- B 89
-
- C 82
- M 25
- Y 0
- K 11
● #28aae2 color description : Bright blue.
#28aae2 Color Conversion
The hexadecimal color #28aae2 has RGB values of R:40, G:170, B:226 and CMYK values of C:0.82, M:0.25, Y:0, K:0.11. Its decimal value is 2665186.
Hex triplet | 28aae2 | #28aae2 |
---|---|---|
RGB Decimal | 40, 170, 226 | rgb(40,170,226) |
RGB Percent | 15.7, 66.7, 88.6 | rgb(15.7%,66.7%,88.6%) |
CMYK | 82, 25, 0, 11 | |
HSL | 198.1°, 76.2, 52.2 | hsl(198.1,76.2%,52.2%) |
HSV (or HSB) | 198.1°, 82.3, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.506, -14.812, -37.748 |
---|---|
XYZ | 28.974, 34.689, 77.116 |
xyY | 0.206, 0.246, 34.689 |
CIE-LCH | 65.506, 40.55, 248.575 |
CIE-LUV | 65.506, -42.052, -58.261 |
Hunter-Lab | 58.897, -15.26, -36.402 |
Binary | 00101000, 10101010, 11100010 |
Color Schemes with #28aae2
Alternatives to #28aae2
Below, you can see some colors close to #28aae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#28aae2 Preview
This text has a font color of #28aae2.
<span style="color:#28aae2;">Text here</span>
This paragraph has a background color of #28aae2.
<p style="background-color:#28aae2;">Content here</p>
This element has a border color of #28aae2.
<div style="border:1px solid #28aae2;">Content here</div>
.text {color:#28aae2;}
.background {background-color:#28aae2;}
.border {border:1px solid #28aae2;}
Shades and Tints of #28aae2
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, #01070a is the darkest color, while #f7fcfe is the lightest one.
-
#01070a
#01070a
rgb(1,7,10)
-
#04141b
#04141b
rgb(4,20,27)
-
#06212c
#06212c
rgb(6,33,44)
-
#082e3e
#082e3e
rgb(8,46,62)
-
#0b3a4f
#0b3a4f
rgb(11,58,79)
-
#0d4760
#0d4760
rgb(13,71,96)
-
#0f5471
#0f5471
rgb(15,84,113)
-
#126183
#126183
rgb(18,97,131)
-
#146d94
#146d94
rgb(20,109,148)
-
#167aa5
#167aa5
rgb(22,122,165)
-
#1987b7
#1987b7
rgb(25,135,183)
-
#1b94c8
#1b94c8
rgb(27,148,200)
-
#1da1d9
#1da1d9
rgb(29,161,217)
-
#28aae2
#28aae2
rgb(40,170,226)
-
#39b1e4
#39b1e4
rgb(57,177,228)
-
#4bb8e7
#4bb8e7
rgb(75,184,231)
-
#5cbee9
#5cbee9
rgb(92,190,233)
-
#6dc5eb
#6dc5eb
rgb(109,197,235)
-
#7eccee
#7eccee
rgb(126,204,238)
-
#90d3f0
#90d3f0
rgb(144,211,240)
-
#a1daf2
#a1daf2
rgb(161,218,242)
-
#b2e1f5
#b2e1f5
rgb(178,225,245)
-
#c4e7f7
#c4e7f7
rgb(196,231,247)
-
#d5eef9
#d5eef9
rgb(213,238,249)
-
#e6f5fc
#e6f5fc
rgb(230,245,252)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #28aae2
A tone is produced by adding gray to any pure hue. In this case, #7c888e is the less saturated color, while #0cb5fe is the most saturated one.
-
#7c888e
#7c888e
rgb(124,136,142)
-
#738c97
#738c97
rgb(115,140,151)
-
#6a90a0
#6a90a0
rgb(106,144,160)
-
#6094aa
#6094aa
rgb(96,148,170)
-
#5797b3
#5797b3
rgb(87,151,179)
-
#4e9bbc
#4e9bbc
rgb(78,155,188)
-
#449fc6
#449fc6
rgb(68,159,198)
-
#3ba3cf
#3ba3cf
rgb(59,163,207)
-
#31a6d9
#31a6d9
rgb(49,166,217)
-
#28aae2
#28aae2
rgb(40,170,226)
-
#1faeeb
#1faeeb
rgb(31,174,235)
-
#15b1f5
#15b1f5
rgb(21,177,245)
-
#0cb5fe
#0cb5fe
rgb(12,181,254)
Color Blindness Simulator
Below, you can see how #28aae2 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.