#48a5cc Color Information
In a RGB color space, hex #48a5cc is composed of 28.2% red, 64.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 19.1% magenta, 0% yellow and 20% black. It has a hue angle of 197.7 degrees, a saturation of 56.4% and a lightness of 54.1%. #48a5cc color hex could be obtained by blending #90ffff with #004b99. Closest websafe color is: #3399cc.
-
- R 28
- G 65
- B 80
-
- C 65
- M 19
- Y 0
- K 20
● #48a5cc color description : Moderate blue.
#48a5cc Color Conversion
The hexadecimal color #48a5cc has RGB values of R:72, G:165, B:204 and CMYK values of C:0.65, M:0.19, Y:0, K:0.2. Its decimal value is 4761036.
Hex triplet | 48a5cc | #48a5cc |
---|---|---|
RGB Decimal | 72, 165, 204 | rgb(72,165,204) |
RGB Percent | 28.2, 64.7, 80 | rgb(28.2%,64.7%,80%) |
CMYK | 65, 19, 0, 20 | |
HSL | 197.7°, 56.4, 54.1 | hsl(197.7,56.4%,54.1%) |
HSV (or HSB) | 197.7°, 64.7, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.873, -15.499, -28.059 |
---|---|
XYZ | 27.024, 32.646, 62 |
xyY | 0.222, 0.268, 32.646 |
CIE-LCH | 63.873, 32.055, 241.085 |
CIE-LUV | 63.873, -36.546, -41.705 |
Hunter-Lab | 57.136, -15.563, -24.342 |
Binary | 01001000, 10100101, 11001100 |
Color Schemes with #48a5cc
Alternatives to #48a5cc
Below, you can see some colors close to #48a5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a5cc Preview
This text has a font color of #48a5cc.
<span style="color:#48a5cc;">Text here</span>
This paragraph has a background color of #48a5cc.
<p style="background-color:#48a5cc;">Content here</p>
This element has a border color of #48a5cc.
<div style="border:1px solid #48a5cc;">Content here</div>
.text {color:#48a5cc;}
.background {background-color:#48a5cc;}
.border {border:1px solid #48a5cc;}
Shades and Tints of #48a5cc
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, #000101 is the darkest color, while #f1f8fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050d10
#050d10
rgb(5,13,16)
-
#091920
#091920
rgb(9,25,32)
-
#0d252f
#0d252f
rgb(13,37,47)
-
#11313e
#11313e
rgb(17,49,62)
-
#163d4e
#163d4e
rgb(22,61,78)
-
#1a495d
#1a495d
rgb(26,73,93)
-
#1e556c
#1e556c
rgb(30,85,108)
-
#23617c
#23617c
rgb(35,97,124)
-
#276d8b
#276d8b
rgb(39,109,139)
-
#2b7a9a
#2b7a9a
rgb(43,122,154)
-
#2f86aa
#2f86aa
rgb(47,134,170)
-
#3492b9
#3492b9
rgb(52,146,185)
-
#399dc8
#399dc8
rgb(57,157,200)
-
#48a5cc
#48a5cc
rgb(72,165,204)
-
#57add0
#57add0
rgb(87,173,208)
-
#67b4d5
#67b4d5
rgb(103,180,213)
-
#76bcd9
#76bcd9
rgb(118,188,217)
-
#85c3dd
#85c3dd
rgb(133,195,221)
-
#95cbe1
#95cbe1
rgb(149,203,225)
-
#a4d2e6
#a4d2e6
rgb(164,210,230)
-
#b3daea
#b3daea
rgb(179,218,234)
-
#c3e1ee
#c3e1ee
rgb(195,225,238)
-
#d2e9f2
#d2e9f2
rgb(210,233,242)
-
#e1f0f7
#e1f0f7
rgb(225,240,247)
-
#f1f8fb
#f1f8fb
rgb(241,248,251)
Tones of #48a5cc
A tone is produced by adding gray to any pure hue. In this case, #878b8d is the less saturated color, while #1bb7f9 is the most saturated one.
-
#878b8d
#878b8d
rgb(135,139,141)
-
#7e8f96
#7e8f96
rgb(126,143,150)
-
#75939f
#75939f
rgb(117,147,159)
-
#6c96a8
#6c96a8
rgb(108,150,168)
-
#639ab1
#639ab1
rgb(99,154,177)
-
#5a9eba
#5a9eba
rgb(90,158,186)
-
#51a1c3
#51a1c3
rgb(81,161,195)
-
#48a5cc
#48a5cc
rgb(72,165,204)
-
#3fa9d5
#3fa9d5
rgb(63,169,213)
-
#36acde
#36acde
rgb(54,172,222)
-
#2db0e7
#2db0e7
rgb(45,176,231)
-
#24b4f0
#24b4f0
rgb(36,180,240)
-
#1bb7f9
#1bb7f9
rgb(27,183,249)
Color Blindness Simulator
Below, you can see how #48a5cc 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.