#48a5bd Color Information
In a RGB color space, hex #48a5bd is composed of 28.2% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 192.3 degrees, a saturation of 47% and a lightness of 51.2%. #48a5bd color hex could be obtained by blending #90ffff with #004b7b. Closest websafe color is: #3399cc.
-
- R 28
- G 65
- B 74
-
- C 62
- M 13
- Y 0
- K 26
● #48a5bd color description : Moderate cyan.
#48a5bd Color Conversion
The hexadecimal color #48a5bd has RGB values of R:72, G:165, B:189 and CMYK values of C:0.62, M:0.13, Y:0, K:0.26. Its decimal value is 4761021.
Hex triplet | 48a5bd | #48a5bd |
---|---|---|
RGB Decimal | 72, 165, 189 | rgb(72,165,189) |
RGB Percent | 28.2, 64.7, 74.1 | rgb(28.2%,64.7%,74.1%) |
CMYK | 62, 13, 0, 26 | |
HSL | 192.3°, 47, 51.2 | hsl(192.3,47%,51.2%) |
HSV (or HSB) | 192.3°, 61.9, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.31, -20.173, -20.562 |
---|---|
XYZ | 25.31, 31.96, 52.976 |
xyY | 0.23, 0.29, 31.96 |
CIE-LCH | 63.31, 28.805, 225.546 |
CIE-LUV | 63.31, -37.271, -28.73 |
Hunter-Lab | 56.533, -19.017, -15.986 |
Binary | 01001000, 10100101, 10111101 |
Color Schemes with #48a5bd
Alternatives to #48a5bd
Below, you can see some colors close to #48a5bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a5bd Preview
This text has a font color of #48a5bd.
<span style="color:#48a5bd;">Text here</span>
This paragraph has a background color of #48a5bd.
<p style="background-color:#48a5bd;">Content here</p>
This element has a border color of #48a5bd.
<div style="border:1px solid #48a5bd;">Content here</div>
.text {color:#48a5bd;}
.background {background-color:#48a5bd;}
.border {border:1px solid #48a5bd;}
Shades and Tints of #48a5bd
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, #020404 is the darkest color, while #f5fafb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#071013
#071013
rgb(7,16,19)
-
#0c1d21
#0c1d21
rgb(12,29,33)
-
#112930
#112930
rgb(17,41,48)
-
#16363e
#16363e
rgb(22,54,62)
-
#1c424c
#1c424c
rgb(28,66,76)
-
#214f5b
#214f5b
rgb(33,79,91)
-
#265c69
#265c69
rgb(38,92,105)
-
#2b6878
#2b6878
rgb(43,104,120)
-
#307586
#307586
rgb(48,117,134)
-
#368195
#368195
rgb(54,129,149)
-
#3b8ea3
#3b8ea3
rgb(59,142,163)
-
#409ab1
#409ab1
rgb(64,154,177)
-
#48a5bd
#48a5bd
rgb(72,165,189)
-
#56acc2
#56acc2
rgb(86,172,194)
-
#65b3c7
#65b3c7
rgb(101,179,199)
-
#73bacd
#73bacd
rgb(115,186,205)
-
#82c1d2
#82c1d2
rgb(130,193,210)
-
#90c8d7
#90c8d7
rgb(144,200,215)
-
#9ed0dc
#9ed0dc
rgb(158,208,220)
-
#add7e1
#add7e1
rgb(173,215,225)
-
#bbdee7
#bbdee7
rgb(187,222,231)
-
#cae5ec
#cae5ec
rgb(202,229,236)
-
#d8ecf1
#d8ecf1
rgb(216,236,241)
-
#e7f3f6
#e7f3f6
rgb(231,243,246)
-
#f5fafb
#f5fafb
rgb(245,250,251)
Tones of #48a5bd
A tone is produced by adding gray to any pure hue. In this case, #818384 is the less saturated color, while #0fc7f6 is the most saturated one.
-
#818384
#818384
rgb(129,131,132)
-
#78898d
#78898d
rgb(120,137,141)
-
#6e8e97
#6e8e97
rgb(110,142,151)
-
#6594a0
#6594a0
rgb(101,148,160)
-
#5b9aaa
#5b9aaa
rgb(91,154,170)
-
#529fb3
#529fb3
rgb(82,159,179)
-
#48a5bd
#48a5bd
rgb(72,165,189)
-
#3eabc7
#3eabc7
rgb(62,171,199)
-
#35b0d0
#35b0d0
rgb(53,176,208)
-
#2bb6da
#2bb6da
rgb(43,182,218)
-
#22bce3
#22bce3
rgb(34,188,227)
-
#18c1ed
#18c1ed
rgb(24,193,237)
-
#0fc7f6
#0fc7f6
rgb(15,199,246)
Color Blindness Simulator
Below, you can see how #48a5bd 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.