#48caf0 Color Information
In a RGB color space, hex #48caf0 is composed of 28.2% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 193.6 degrees, a saturation of 84.8% and a lightness of 61.2%. #48caf0 color hex could be obtained by blending #90ffff with #0095e1. Closest websafe color is: #33ccff.
-
- R 28
- G 79
- B 94
-
- C 70
- M 16
- Y 0
- K 6
● #48caf0 color description : Bright cyan.
#48caf0 Color Conversion
The hexadecimal color #48caf0 has RGB values of R:72, G:202, B:240 and CMYK values of C:0.7, M:0.16, Y:0, K:0.06. Its decimal value is 4770544.
Hex triplet | 48caf0 | #48caf0 |
---|---|---|
RGB Decimal | 72, 202, 240 | rgb(72,202,240) |
RGB Percent | 28.2, 79.2, 94.1 | rgb(28.2%,79.2%,94.1%) |
CMYK | 70, 16, 0, 6 | |
HSL | 193.6°, 84.8, 61.2 | hsl(193.6,84.8%,61.2%) |
HSV (or HSB) | 193.6°, 70, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.012, -23.423, -29.044 |
---|---|
XYZ | 39.517, 49.907, 89.984 |
xyY | 0.22, 0.278, 49.907 |
CIE-LCH | 76.012, 37.312, 231.115 |
CIE-LUV | 76.012, -47.873, -43.308 |
Hunter-Lab | 70.645, -23.779, -26.069 |
Binary | 01001000, 11001010, 11110000 |
Color Schemes with #48caf0
Alternatives to #48caf0
Below, you can see some colors close to #48caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48caf0 Preview
This text has a font color of #48caf0.
<span style="color:#48caf0;">Text here</span>
This paragraph has a background color of #48caf0.
<p style="background-color:#48caf0;">Content here</p>
This element has a border color of #48caf0.
<div style="border:1px solid #48caf0;">Content here</div>
.text {color:#48caf0;}
.background {background-color:#48caf0;}
.border {border:1px solid #48caf0;}
Shades and Tints of #48caf0
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, #010d10 is the darkest color, while #fdffff is the lightest one.
-
#010d10
#010d10
rgb(1,13,16)
-
#031b23
#031b23
rgb(3,27,35)
-
#042a35
#042a35
rgb(4,42,53)
-
#063847
#063847
rgb(6,56,71)
-
#074659
#074659
rgb(7,70,89)
-
#09556b
#09556b
rgb(9,85,107)
-
#0a637d
#0a637d
rgb(10,99,125)
-
#0c728f
#0c728f
rgb(12,114,143)
-
#0d80a1
#0d80a1
rgb(13,128,161)
-
#0f8eb4
#0f8eb4
rgb(15,142,180)
-
#109dc6
#109dc6
rgb(16,157,198)
-
#12abd8
#12abd8
rgb(18,171,216)
-
#13b9ea
#13b9ea
rgb(19,185,234)
-
#24bfed
#24bfed
rgb(36,191,237)
-
#36c5ef
#36c5ef
rgb(54,197,239)
-
#48caf0
#48caf0
rgb(72,202,240)
-
#5acff1
#5acff1
rgb(90,207,241)
-
#6cd5f3
#6cd5f3
rgb(108,213,243)
-
#7edaf4
#7edaf4
rgb(126,218,244)
-
#91dff6
#91dff6
rgb(145,223,246)
-
#a3e4f7
#a3e4f7
rgb(163,228,247)
-
#b5eaf9
#b5eaf9
rgb(181,234,249)
-
#c7effa
#c7effa
rgb(199,239,250)
-
#d9f4fc
#d9f4fc
rgb(217,244,252)
-
#ebf9fd
#ebf9fd
rgb(235,249,253)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #48caf0
A tone is produced by adding gray to any pure hue. In this case, #9c9c9c is the less saturated color, while #40cef8 is the most saturated one.
-
#9c9c9c
#9c9c9c
rgb(156,156,156)
-
#94a0a4
#94a0a4
rgb(148,160,164)
-
#8da4ab
#8da4ab
rgb(141,164,171)
-
#85a9b3
#85a9b3
rgb(133,169,179)
-
#7dadbb
#7dadbb
rgb(125,173,187)
-
#76b1c2
#76b1c2
rgb(118,177,194)
-
#6eb5ca
#6eb5ca
rgb(110,181,202)
-
#66b9d2
#66b9d2
rgb(102,185,210)
-
#5fbdd9
#5fbdd9
rgb(95,189,217)
-
#57c2e1
#57c2e1
rgb(87,194,225)
-
#50c6e8
#50c6e8
rgb(80,198,232)
-
#48caf0
#48caf0
rgb(72,202,240)
-
#40cef8
#40cef8
rgb(64,206,248)
Color Blindness Simulator
Below, you can see how #48caf0 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.