#48ece2 Color Information
In a RGB color space, hex #48ece2 is composed of 28.2% red, 92.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 176.3 degrees, a saturation of 81.2% and a lightness of 60.4%. #48ece2 color hex could be obtained by blending #90ffff with #00d9c5. Closest websafe color is: #33ffcc.
-
- R 28
- G 93
- B 89
-
- C 69
- M 0
- Y 4
- K 7
● #48ece2 color description : Soft cyan.
#48ece2 Color Conversion
The hexadecimal color #48ece2 has RGB values of R:72, G:236, B:226 and CMYK values of C:0.69, M:0, Y:0.04, K:0.07. Its decimal value is 4779234.
Hex triplet | 48ece2 | #48ece2 |
---|---|---|
RGB Decimal | 72, 236, 226 | rgb(72,236,226) |
RGB Percent | 28.2, 92.5, 88.6 | rgb(28.2%,92.5%,88.6%) |
CMYK | 69, 0, 4, 7 | |
HSL | 176.3°, 81.2, 60.4 | hsl(176.3,81.2%,60.4%) |
HSV (or HSB) | 176.3°, 69.5, 92.5 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 85.431, -43.529, -7.382 |
---|---|
XYZ | 46.391, 66.855, 82.407 |
xyY | 0.237, 0.342, 66.855 |
CIE-LCH | 85.431, 44.151, 189.625 |
CIE-LUV | 85.431, -60.757, -4.688 |
Hunter-Lab | 81.765, -41.813, -2.52 |
Binary | 01001000, 11101100, 11100010 |
Color Schemes with #48ece2
Alternatives to #48ece2
Below, you can see some colors close to #48ece2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48ece2 Preview
This text has a font color of #48ece2.
<span style="color:#48ece2;">Text here</span>
This paragraph has a background color of #48ece2.
<p style="background-color:#48ece2;">Content here</p>
This element has a border color of #48ece2.
<div style="border:1px solid #48ece2;">Content here</div>
.text {color:#48ece2;}
.background {background-color:#48ece2;}
.border {border:1px solid #48ece2;}
Shades and Tints of #48ece2
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, #010c0c is the darkest color, while #fafefe is the lightest one.
-
#010c0c
#010c0c
rgb(1,12,12)
-
#031e1d
#031e1d
rgb(3,30,29)
-
#05302d
#05302d
rgb(5,48,45)
-
#07423e
#07423e
rgb(7,66,62)
-
#09544f
#09544f
rgb(9,84,79)
-
#0b6560
#0b6560
rgb(11,101,96)
-
#0c7771
#0c7771
rgb(12,119,113)
-
#0e8981
#0e8981
rgb(14,137,129)
-
#109b92
#109b92
rgb(16,155,146)
-
#12aca3
#12aca3
rgb(18,172,163)
-
#14beb4
#14beb4
rgb(20,190,180)
-
#16d0c5
#16d0c5
rgb(22,208,197)
-
#17e2d5
#17e2d5
rgb(23,226,213)
-
#24e8dc
#24e8dc
rgb(36,232,220)
-
#36eadf
#36eadf
rgb(54,234,223)
-
#48ece2
#48ece2
rgb(72,236,226)
-
#5aeee5
#5aeee5
rgb(90,238,229)
-
#6cf0e8
#6cf0e8
rgb(108,240,232)
-
#7df2ea
#7df2ea
rgb(125,242,234)
-
#8ff3ed
#8ff3ed
rgb(143,243,237)
-
#a1f5f0
#a1f5f0
rgb(161,245,240)
-
#b3f7f3
#b3f7f3
rgb(179,247,243)
-
#c4f9f6
#c4f9f6
rgb(196,249,246)
-
#d6fbf9
#d6fbf9
rgb(214,251,249)
-
#e8fdfb
#e8fdfb
rgb(232,253,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #48ece2
A tone is produced by adding gray to any pure hue. In this case, #969e9e is the less saturated color, while #38fcf0 is the most saturated one.
-
#969e9e
#969e9e
rgb(150,158,158)
-
#8ea6a5
#8ea6a5
rgb(142,166,165)
-
#86aeab
#86aeab
rgb(134,174,171)
-
#7eb6b2
#7eb6b2
rgb(126,182,178)
-
#77bdb9
#77bdb9
rgb(119,189,185)
-
#6fc5c0
#6fc5c0
rgb(111,197,192)
-
#67cdc7
#67cdc7
rgb(103,205,199)
-
#5fd5ce
#5fd5ce
rgb(95,213,206)
-
#58dcd4
#58dcd4
rgb(88,220,212)
-
#50e4db
#50e4db
rgb(80,228,219)
-
#48ece2
#48ece2
rgb(72,236,226)
-
#40f4e9
#40f4e9
rgb(64,244,233)
-
#38fcf0
#38fcf0
rgb(56,252,240)
Color Blindness Simulator
Below, you can see how #48ece2 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.