#48d5ed Color Information
In a RGB color space, hex #48d5ed is composed of 28.2% red, 83.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 10.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.7 degrees, a saturation of 82.1% and a lightness of 60.6%. #48d5ed color hex could be obtained by blending #90ffff with #00abdb. Closest websafe color is: #33ccff.
-
- R 28
- G 84
- B 93
-
- C 70
- M 10
- Y 0
- K 7
● #48d5ed color description : Soft cyan.
#48d5ed Color Conversion
The hexadecimal color #48d5ed has RGB values of R:72, G:213, B:237 and CMYK values of C:0.7, M:0.1, Y:0, K:0.07. Its decimal value is 4773357.
Hex triplet | 48d5ed | #48d5ed |
---|---|---|
RGB Decimal | 72, 213, 237 | rgb(72,213,237) |
RGB Percent | 28.2, 83.5, 92.9 | rgb(28.2%,83.5%,92.9%) |
CMYK | 70, 10, 0, 7 | |
HSL | 188.7°, 82.1, 60.6 | hsl(188.7,82.1%,60.6%) |
HSV (or HSB) | 188.7°, 69.6, 92.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 79.086, -29.775, -22.741 |
---|---|
XYZ | 41.749, 55.077, 88.547 |
xyY | 0.225, 0.297, 55.077 |
CIE-LCH | 79.086, 37.466, 217.37 |
CIE-LUV | 79.086, -51.94, -31.914 |
Hunter-Lab | 74.214, -29.46, -18.791 |
Binary | 01001000, 11010101, 11101101 |
Color Schemes with #48d5ed
Alternatives to #48d5ed
Below, you can see some colors close to #48d5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48d5ed Preview
This text has a font color of #48d5ed.
<span style="color:#48d5ed;">Text here</span>
This paragraph has a background color of #48d5ed.
<p style="background-color:#48d5ed;">Content here</p>
This element has a border color of #48d5ed.
<div style="border:1px solid #48d5ed;">Content here</div>
.text {color:#48d5ed;}
.background {background-color:#48d5ed;}
.border {border:1px solid #48d5ed;}
Shades and Tints of #48d5ed
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, #010c0d is the darkest color, while #fbfeff is the lightest one.
-
#010c0d
#010c0d
rgb(1,12,13)
-
#031b1f
#031b1f
rgb(3,27,31)
-
#052b31
#052b31
rgb(5,43,49)
-
#073a43
#073a43
rgb(7,58,67)
-
#084a55
#084a55
rgb(8,74,85)
-
#0a5967
#0a5967
rgb(10,89,103)
-
#0c6979
#0c6979
rgb(12,105,121)
-
#0e788a
#0e788a
rgb(14,120,138)
-
#0f889c
#0f889c
rgb(15,136,156)
-
#1197ae
#1197ae
rgb(17,151,174)
-
#13a7c0
#13a7c0
rgb(19,167,192)
-
#15b6d2
#15b6d2
rgb(21,182,210)
-
#16c6e4
#16c6e4
rgb(22,198,228)
-
#24cde9
#24cde9
rgb(36,205,233)
-
#36d1eb
#36d1eb
rgb(54,209,235)
-
#48d5ed
#48d5ed
rgb(72,213,237)
-
#5ad9ef
#5ad9ef
rgb(90,217,239)
-
#6cddf1
#6cddf1
rgb(108,221,241)
-
#7ee1f2
#7ee1f2
rgb(126,225,242)
-
#8fe5f4
#8fe5f4
rgb(143,229,244)
-
#a1e9f6
#a1e9f6
rgb(161,233,246)
-
#b3eef8
#b3eef8
rgb(179,238,248)
-
#c5f2f9
#c5f2f9
rgb(197,242,249)
-
#d7f6fb
#d7f6fb
rgb(215,246,251)
-
#e9fafd
#e9fafd
rgb(233,250,253)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #48d5ed
A tone is produced by adding gray to any pure hue. In this case, #959ea0 is the less saturated color, while #39e0fc is the most saturated one.
-
#959ea0
#959ea0
rgb(149,158,160)
-
#8ea4a7
#8ea4a7
rgb(142,164,167)
-
#86a9af
#86a9af
rgb(134,169,175)
-
#7eafb7
#7eafb7
rgb(126,175,183)
-
#76b4bf
#76b4bf
rgb(118,180,191)
-
#6fbac6
#6fbac6
rgb(111,186,198)
-
#67bfce
#67bfce
rgb(103,191,206)
-
#5fc5d6
#5fc5d6
rgb(95,197,214)
-
#57cade
#57cade
rgb(87,202,222)
-
#50d0e5
#50d0e5
rgb(80,208,229)
-
#48d5ed
#48d5ed
rgb(72,213,237)
-
#40daf5
#40daf5
rgb(64,218,245)
-
#39e0fc
#39e0fc
rgb(57,224,252)
Color Blindness Simulator
Below, you can see how #48d5ed 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.