#48aee2 Color Information
In a RGB color space, hex #48aee2 is composed of 28.2% red, 68.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 23% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.3 degrees, a saturation of 72.6% and a lightness of 58.4%. #48aee2 color hex could be obtained by blending #90ffff with #005dc5. Closest websafe color is: #3399cc.
-
- R 28
- G 68
- B 89
-
- C 68
- M 23
- Y 0
- K 11
● #48aee2 color description : Soft blue.
#48aee2 Color Conversion
The hexadecimal color #48aee2 has RGB values of R:72, G:174, B:226 and CMYK values of C:0.68, M:0.23, Y:0, K:0.11. Its decimal value is 4763362.
Hex triplet | 48aee2 | #48aee2 |
---|---|---|
RGB Decimal | 72, 174, 226 | rgb(72,174,226) |
RGB Percent | 28.2, 68.2, 88.6 | rgb(28.2%,68.2%,88.6%) |
CMYK | 68, 23, 0, 11 | |
HSL | 200.3°, 72.6, 58.4 | hsl(200.3,72.6%,58.4%) |
HSV (or HSB) | 200.3°, 68.1, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 67.381, -13.266, -34.776 |
---|---|
XYZ | 31.533, 37.138, 77.454 |
xyY | 0.216, 0.254, 37.138 |
CIE-LCH | 67.381, 37.22, 249.119 |
CIE-LUV | 67.381, -38.721, -53.61 |
Hunter-Lab | 60.941, -14.287, -32.696 |
Binary | 01001000, 10101110, 11100010 |
Color Schemes with #48aee2
Alternatives to #48aee2
Below, you can see some colors close to #48aee2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48aee2 Preview
This text has a font color of #48aee2.
<span style="color:#48aee2;">Text here</span>
This paragraph has a background color of #48aee2.
<p style="background-color:#48aee2;">Content here</p>
This element has a border color of #48aee2.
<div style="border:1px solid #48aee2;">Content here</div>
.text {color:#48aee2;}
.background {background-color:#48aee2;}
.border {border:1px solid #48aee2;}
Shades and Tints of #48aee2
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, #010203 is the darkest color, while #f1f9fd is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#030e14
#030e14
rgb(3,14,20)
-
#061b25
#061b25
rgb(6,27,37)
-
#092736
#092736
rgb(9,39,54)
-
#0b3347
#0b3347
rgb(11,51,71)
-
#0e3f58
#0e3f58
rgb(14,63,88)
-
#114b69
#114b69
rgb(17,75,105)
-
#13577a
#13577a
rgb(19,87,122)
-
#16638b
#16638b
rgb(22,99,139)
-
#196f9c
#196f9c
rgb(25,111,156)
-
#1b7cad
#1b7cad
rgb(27,124,173)
-
#1e88be
#1e88be
rgb(30,136,190)
-
#2194ce
#2194ce
rgb(33,148,206)
-
#269fdd
#269fdd
rgb(38,159,221)
-
#37a7df
#37a7df
rgb(55,167,223)
-
#48aee2
#48aee2
rgb(72,174,226)
-
#59b5e5
#59b5e5
rgb(89,181,229)
-
#6abde7
#6abde7
rgb(106,189,231)
-
#7bc4ea
#7bc4ea
rgb(123,196,234)
-
#8ccced
#8ccced
rgb(140,204,237)
-
#9dd3ef
#9dd3ef
rgb(157,211,239)
-
#aedbf2
#aedbf2
rgb(174,219,242)
-
#bfe2f5
#bfe2f5
rgb(191,226,245)
-
#cfeaf7
#cfeaf7
rgb(207,234,247)
-
#e0f1fa
#e0f1fa
rgb(224,241,250)
-
#f1f9fd
#f1f9fd
rgb(241,249,253)
Tones of #48aee2
A tone is produced by adding gray to any pure hue. In this case, #919699 is the less saturated color, while #30b6fa is the most saturated one.
-
#919699
#919699
rgb(145,150,153)
-
#8999a1
#8999a1
rgb(137,153,161)
-
#819ba9
#819ba9
rgb(129,155,169)
-
#799eb1
#799eb1
rgb(121,158,177)
-
#71a1b9
#71a1b9
rgb(113,161,185)
-
#69a3c1
#69a3c1
rgb(105,163,193)
-
#60a6ca
#60a6ca
rgb(96,166,202)
-
#58a9d2
#58a9d2
rgb(88,169,210)
-
#50abda
#50abda
rgb(80,171,218)
-
#48aee2
#48aee2
rgb(72,174,226)
-
#40b1ea
#40b1ea
rgb(64,177,234)
-
#38b3f2
#38b3f2
rgb(56,179,242)
-
#30b6fa
#30b6fa
rgb(48,182,250)
Color Blindness Simulator
Below, you can see how #48aee2 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.