#48a2dc hex color

In a RGB color space, hex #48a2dc is composed of 28.2% red, 63.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 26.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 203.5 degrees, a saturation of 67.9% and a lightness of 57.3%. #48a2dc color hex could be obtained by blending #90ffff with #0045b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 64
- B 86
RGB color chart
- C 67
- M 26
- Y 0
- K 14
CMYK color chart

● #48a2dc color description : Soft blue.

The hexadecimal color #48a2dc has RGB values of R:72, G:162, B:220 and CMYK values of C:0.67, M:0.26, Y:0, K:0.14. Its decimal value is 4760284.

Hex triplet	48a2dc	`#48a2dc`
RGB Decimal	72, 162, 220	`rgb(72,162,220)`
RGB Percent	28.2, 63.5, 86.3	`rgb(28.2%,63.5%,86.3%)`
CMYK	67, 26, 0, 14
HSL	203.5°, 67.9, 57.3	`hsl(203.5,67.9%,57.3%)`
HSV (or HSB)	203.5°, 67.3, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.659, -8.664, -37.266
XYZ	28.508, 32.384, 72.454
xyY	0.214, 0.243, 32.384
CIE-LCH	63.659, 38.26, 256.912
CIE-LUV	63.659, -34.74, -57.908
Hunter-Lab	56.907, -10.165, -35.655
Binary	01001000, 10100010, 11011100

#48a2dc
```
#48a2dc rgb(72,162,220)
```
#dc8248
```
#dc8248 rgb(220,130,72)
```

Complementary Color

#48dccc
```
#48dccc rgb(72,220,204)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#4858dc
```
#4858dc rgb(72,88,220)
```

Analogous Color

#dccc48
```
#dccc48 rgb(220,204,72)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#dc4858
```
#dc4858 rgb(220,72,88)
```

Split Complementary Color

#a2dc48
```
#a2dc48 rgb(162,220,72)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#dc48a2
```
#dc48a2 rgb(220,72,162)
```

Triadic Color

#48dc82
```
#48dc82 rgb(72,220,130)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#dc48a2
```
#dc48a2 rgb(220,72,162)
```
#dc8248
```
#dc8248 rgb(220,130,72)
```

Tetradic Color

#237cb5
```
#237cb5 rgb(35,124,181)
```
#278aca
```
#278aca rgb(39,138,202)
```
#3397d8
```
#3397d8 rgb(51,151,216)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#5dade0
```
#5dade0 rgb(93,173,224)
```
#73b8e4
```
#73b8e4 rgb(115,184,228)
```
#88c3e8
```
#88c3e8 rgb(136,195,232)
```

Monochromatic Color

Below, you can see some colors close to #48a2dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#48c7dc
```
#48c7dc rgb(72,199,220)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#48aedc
```
#48aedc rgb(72,174,220)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#4896dc
```
#4896dc rgb(72,150,220)
```
#4889dc
```
#4889dc rgb(72,137,220)
```
#487ddc
```
#487ddc rgb(72,125,220)
```

Similar Colors

Text with hexadecimal color #48a2dc

This text has a font color of #48a2dc.

<span style="color:#48a2dc;">Text here</span>

#48a2dc background color

This paragraph has a background color of #48a2dc.

<p style="background-color:#48a2dc;">Content here</p>

#48a2dc border color

This element has a border color of #48a2dc.

<div style="border:1px solid #48a2dc;">Content here</div>

CSS codes

.text {color:#48a2dc;}

.background {background-color:#48a2dc;}

.border {border:1px solid #48a2dc;}

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, #030a0f is the darkest color, while #fdfeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#06151f
```
#06151f rgb(6,21,31)
```
#092030
```
#092030 rgb(9,32,48)
```
#0c2c40
```
#0c2c40 rgb(12,44,64)
```
#0f3750
```
#0f3750 rgb(15,55,80)
```
#134261
```
#134261 rgb(19,66,97)
```
#164d71
```
#164d71 rgb(22,77,113)
```
#195982
```
#195982 rgb(25,89,130)
```
#1c6492
```
#1c6492 rgb(28,100,146)
```
#1f6fa3
```
#1f6fa3 rgb(31,111,163)
```
#227ab3
```
#227ab3 rgb(34,122,179)
```
#2586c4
```
#2586c4 rgb(37,134,196)
```
#2991d4
```
#2991d4 rgb(41,145,212)
```

Shade Color Variation

#389ad9
```
#389ad9 rgb(56,154,217)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#58aadf
```
#58aadf rgb(88,170,223)
```
#69b3e2
```
#69b3e2 rgb(105,179,226)
```
#79bbe5
```
#79bbe5 rgb(121,187,229)
```
#8ac3e9
```
#8ac3e9 rgb(138,195,233)
```
#9accec
```
#9accec rgb(154,204,236)
```
#abd4ef
```
#abd4ef rgb(171,212,239)
```
#bbddf2
```
#bbddf2 rgb(187,221,242)
```
#cce5f5
```
#cce5f5 rgb(204,229,245)
```
#dcedf8
```
#dcedf8 rgb(220,237,248)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9399 is the less saturated color, while #26a9fe is the most saturated one.

#8b9399
```
#8b9399 rgb(139,147,153)
```
#8395a1
```
#8395a1 rgb(131,149,161)
```
#7a97aa
```
#7a97aa rgb(122,151,170)
```
#7299b2
```
#7299b2 rgb(114,153,178)
```
#6a9bba
```
#6a9bba rgb(106,155,186)
```
#619dc3
```
#619dc3 rgb(97,157,195)
```
#599ecb
```
#599ecb rgb(89,158,203)
```
#50a0d4
```
#50a0d4 rgb(80,160,212)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#40a4e4
```
#40a4e4 rgb(64,164,228)
```
#37a6ed
```
#37a6ed rgb(55,166,237)
```
#2fa7f5
```
#2fa7f5 rgb(47,167,245)
```
#26a9fe
```
#26a9fe rgb(38,169,254)
```

Tone Color Variation

Below, you can see how #48a2dc 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.

Monochromacy

#8e8e8e Achromatopsia 0.005% of the population
#80929e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dd7 Protanopia 1% of men
#819ee1 Deuteranopia 1% of men
#34adba Tritanopia 0.001% of the population

Trichromacy

#739fd8 Protanomaly 1% of men, 0.01% of women
#6c9fdf Deuteranomaly 6% of men, 0.4% of women
#3ba9c6 Tritanomaly 0.01% of the population

#48a2dc hex color

#48a2dc Color Information

#48a2dc Color Conversion

Color Schemes with #48a2dc

Alternatives to #48a2dc

#48a2dc Preview

Shades and Tints of #48a2dc

Tones of #48a2dc

Color Blindness Simulator