#48e2f5 Color Information
In a RGB color space, hex #48e2f5 is composed of 28.2% red, 88.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 7.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 186.6 degrees, a saturation of 89.6% and a lightness of 62.2%. #48e2f5 color hex could be obtained by blending #90ffff with #00c5eb. Closest websafe color is: #33ccff.
-
- R 28
- G 89
- B 96
-
- C 71
- M 8
- Y 0
- K 4
● #48e2f5 color description : Bright cyan.
#48e2f5 Color Conversion
The hexadecimal color #48e2f5 has RGB values of R:72, G:226, B:245 and CMYK values of C:0.71, M:0.08, Y:0, K:0.04. Its decimal value is 4776693.
Hex triplet | 48e2f5 | #48e2f5 |
---|---|---|
RGB Decimal | 72, 226, 245 | rgb(72,226,245) |
RGB Percent | 28.2, 88.6, 96.1 | rgb(28.2%,88.6%,96.1%) |
CMYK | 71, 8, 0, 4 | |
HSL | 186.6°, 89.6, 62.2 | hsl(186.6,89.6%,62.2%) |
HSV (or HSB) | 186.6°, 70.6, 96.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 83.104, -33.628, -20.893 |
---|---|
XYZ | 46.346, 62.359, 95.975 |
xyY | 0.226, 0.305, 62.359 |
CIE-LCH | 83.104, 39.59, 211.853 |
CIE-LUV | 83.104, -55.994, -28.416 |
Hunter-Lab | 78.968, -33.433, -16.782 |
Binary | 01001000, 11100010, 11110101 |
Color Schemes with #48e2f5
Alternatives to #48e2f5
Below, you can see some colors close to #48e2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48e2f5 Preview
This text has a font color of #48e2f5.
<span style="color:#48e2f5;">Text here</span>
This paragraph has a background color of #48e2f5.
<p style="background-color:#48e2f5;">Content here</p>
This element has a border color of #48e2f5.
<div style="border:1px solid #48e2f5;">Content here</div>
.text {color:#48e2f5;}
.background {background-color:#48e2f5;}
.border {border:1px solid #48e2f5;}
Shades and Tints of #48e2f5
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, #000303 is the darkest color, while #effdfe is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#011316
#011316
rgb(1,19,22)
-
#022428
#022428
rgb(2,36,40)
-
#03353b
#03353b
rgb(3,53,59)
-
#04454d
#04454d
rgb(4,69,77)
-
#055660
#055660
rgb(5,86,96)
-
#066773
#066773
rgb(6,103,115)
-
#077785
#077785
rgb(7,119,133)
-
#088898
#088898
rgb(8,136,152)
-
#0999aa
#0999aa
rgb(9,153,170)
-
#0aa9bd
#0aa9bd
rgb(10,169,189)
-
#0bbad0
#0bbad0
rgb(11,186,208)
-
#0ccbe2
#0ccbe2
rgb(12,203,226)
-
#10d9f2
#10d9f2
rgb(16,217,242)
-
#23dcf3
#23dcf3
rgb(35,220,243)
-
#35dff4
#35dff4
rgb(53,223,244)
-
#48e2f5
#48e2f5
rgb(72,226,245)
-
#5be5f6
#5be5f6
rgb(91,229,246)
-
#6de8f7
#6de8f7
rgb(109,232,247)
-
#80ebf8
#80ebf8
rgb(128,235,248)
-
#92eef9
#92eef9
rgb(146,238,249)
-
#a5f1fa
#a5f1fa
rgb(165,241,250)
-
#b8f4fb
#b8f4fb
rgb(184,244,251)
-
#caf7fc
#caf7fc
rgb(202,247,252)
-
#ddfafd
#ddfafd
rgb(221,250,253)
-
#effdfe
#effdfe
rgb(239,253,254)
Tones of #48e2f5
A tone is produced by adding gray to any pure hue. In this case, #9aa2a3 is the less saturated color, while #41e8fc is the most saturated one.
-
#9aa2a3
#9aa2a3
rgb(154,162,163)
-
#92a8ab
#92a8ab
rgb(146,168,171)
-
#8baeb2
#8baeb2
rgb(139,174,178)
-
#83b4ba
#83b4ba
rgb(131,180,186)
-
#7cb9c1
#7cb9c1
rgb(124,185,193)
-
#75bfc8
#75bfc8
rgb(117,191,200)
-
#6dc5d0
#6dc5d0
rgb(109,197,208)
-
#66cbd7
#66cbd7
rgb(102,203,215)
-
#5ed1df
#5ed1df
rgb(94,209,223)
-
#57d6e6
#57d6e6
rgb(87,214,230)
-
#4fdcee
#4fdcee
rgb(79,220,238)
-
#48e2f5
#48e2f5
rgb(72,226,245)
-
#41e8fc
#41e8fc
rgb(65,232,252)
Color Blindness Simulator
Below, you can see how #48e2f5 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.