#48c5e8 hex color

In a RGB color space, hex #48c5e8 is composed of 28.2% red, 77.3% green and 91% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 15.1% magenta, 0% yellow and 9% black. It has a hue angle of 193.1 degrees, a saturation of 77.7% and a lightness of 59.6%. #48c5e8 color hex could be obtained by blending #90ffff with #008bd1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 77
- B 91
RGB color chart
- C 69
- M 15
- Y 0
- K 9
CMYK color chart

● #48c5e8 color description : Soft cyan.

The hexadecimal color #48c5e8 has RGB values of R:72, G:197, B:232 and CMYK values of C:0.69, M:0.15, Y:0, K:0.09. Its decimal value is 4769256.

Hex triplet	48c5e8	`#48c5e8`
RGB Decimal	72, 197, 232	`rgb(72,197,232)`
RGB Percent	28.2, 77.3, 91	`rgb(28.2%,77.3%,91%)`
CMYK	69, 15, 0, 9
HSL	193.1°, 77.7, 59.6	`hsl(193.1,77.7%,59.6%)`
HSV (or HSB)	193.1°, 69, 91
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.275, -23.376, -27.402
XYZ	37.2, 47.133, 83.477
xyY	0.222, 0.281, 47.133
CIE-LCH	74.275, 36.018, 229.533
CIE-LUV	74.275, -46.575, -40.406
Hunter-Lab	68.654, -23.423, -24.034
Binary	01001000, 11000101, 11101000

#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#e86b48
```
#e86b48 rgb(232,107,72)
```

Complementary Color

#48e8bb
```
#48e8bb rgb(72,232,187)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#4875e8
```
#4875e8 rgb(72,117,232)
```

Analogous Color

#e8bb48
```
#e8bb48 rgb(232,187,72)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#e84875
```
#e84875 rgb(232,72,117)
```

Split Complementary Color

#c5e848
```
#c5e848 rgb(197,232,72)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#e848c5
```
#e848c5 rgb(232,72,197)
```

Triadic Color

#48e86b
```
#48e86b rgb(72,232,107)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#e848c5
```
#e848c5 rgb(232,72,197)
```
#e86b48
```
#e86b48 rgb(232,107,72)
```

Tetradic Color

#19a3ca
```
#19a3ca rgb(25,163,202)
```
#1cb6e1
```
#1cb6e1 rgb(28,182,225)
```
#31bee5
```
#31bee5 rgb(49,190,229)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#5fcceb
```
#5fcceb rgb(95,204,235)
```
#75d3ee
```
#75d3ee rgb(117,211,238)
```
#8cdbf1
```
#8cdbf1 rgb(140,219,241)
```

Monochromatic Color

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

#48e8e3
```
#48e8e3 rgb(72,232,227)
```
#48e0e8
```
#48e0e8 rgb(72,224,232)
```
#48d2e8
```
#48d2e8 rgb(72,210,232)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#48b8e8
```
#48b8e8 rgb(72,184,232)
```
#48aae8
```
#48aae8 rgb(72,170,232)
```
#489de8
```
#489de8 rgb(72,157,232)
```

Similar Colors

Text with hexadecimal color #48c5e8

This text has a font color of #48c5e8.

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

#48c5e8 background color

This paragraph has a background color of #48c5e8.

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

#48c5e8 border color

This element has a border color of #48c5e8.

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

CSS codes

.text {color:#48c5e8;}

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

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

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, #010709 is the darkest color, while #f6fcfe is the lightest one.

#010709
```
#010709 rgb(1,7,9)
```
#03151a
```
#03151a rgb(3,21,26)
```
#05232c
```
#05232c rgb(5,35,44)
```
#08313d
```
#08313d rgb(8,49,61)
```
#0a3f4e
```
#0a3f4e rgb(10,63,78)
```
#0c4d60
```
#0c4d60 rgb(12,77,96)
```
#0e5c71
```
#0e5c71 rgb(14,92,113)
```
#106a83
```
#106a83 rgb(16,106,131)
```
#137894
```
#137894 rgb(19,120,148)
```
#1586a6
```
#1586a6 rgb(21,134,166)
```
#1794b7
```
#1794b7 rgb(23,148,183)
```
#19a2c8
```
#19a2c8 rgb(25,162,200)
```
#1bb0da
```
#1bb0da rgb(27,176,218)
```

Shade Color Variation

#25bae4
```
#25bae4 rgb(37,186,228)
```
#37bfe6
```
#37bfe6 rgb(55,191,230)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#59cbea
```
#59cbea rgb(89,203,234)
```
#6bd0ec
```
#6bd0ec rgb(107,208,236)
```
#7cd6ef
```
#7cd6ef rgb(124,214,239)
```
#8edbf1
```
#8edbf1 rgb(142,219,241)
```
#9fe1f3
```
#9fe1f3 rgb(159,225,243)
```
#b1e6f5
```
#b1e6f5 rgb(177,230,245)
```
#c2ecf7
```
#c2ecf7 rgb(194,236,247)
```
#d3f1fa
```
#d3f1fa rgb(211,241,250)
```
#e5f7fc
```
#e5f7fc rgb(229,247,252)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979899 is the less saturated color, while #38cef8 is the most saturated one.

#979899
```
#979899 rgb(151,152,153)
```
#8f9da1
```
#8f9da1 rgb(143,157,161)
```
#87a1a9
```
#87a1a9 rgb(135,161,169)
```
#7fa6b1
```
#7fa6b1 rgb(127,166,177)
```
#78aab8
```
#78aab8 rgb(120,170,184)
```
#70afc0
```
#70afc0 rgb(112,175,192)
```
#68b3c8
```
#68b3c8 rgb(104,179,200)
```
#60b8d0
```
#60b8d0 rgb(96,184,208)
```
#58bcd8
```
#58bcd8 rgb(88,188,216)
```
#50c1e0
```
#50c1e0 rgb(80,193,224)
```
#48c5e8
```
#48c5e8 rgb(72,197,232)
```
#40c9f0
```
#40c9f0 rgb(64,201,240)
```
#38cef8
```
#38cef8 rgb(56,206,248)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92abb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b8df Protanopia 1% of men
#acb7ef Deuteranopia 1% of men
#44cad9 Tritanopia 0.001% of the population

Trichromacy

#8abde2 Protanomaly 1% of men, 0.01% of women
#88bcec Deuteranomaly 6% of men, 0.4% of women
#45c8de Tritanomaly 0.01% of the population

#48c5e8 hex color

#48c5e8 Color Information

#48c5e8 Color Conversion

Color Schemes with #48c5e8

Alternatives to #48c5e8

#48c5e8 Preview

Shades and Tints of #48c5e8

Tones of #48c5e8

Color Blindness Simulator