#48c7e5 hex color

In a RGB color space, hex #48c7e5 is composed of 28.2% red, 78% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 13.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 191.5 degrees, a saturation of 75.1% and a lightness of 59%. #48c7e5 color hex could be obtained by blending #90ffff with #008fcb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 78
- B 90
RGB color chart
- C 69
- M 13
- Y 0
- K 10
CMYK color chart

● #48c7e5 color description : Soft cyan.

The hexadecimal color #48c7e5 has RGB values of R:72, G:199, B:229 and CMYK values of C:0.69, M:0.13, Y:0, K:0.1. Its decimal value is 4769765.

Hex triplet	48c7e5	`#48c7e5`
RGB Decimal	72, 199, 229	`rgb(72,199,229)`
RGB Percent	28.2, 78, 89.8	`rgb(28.2%,78%,89.8%)`
CMYK	69, 13, 0, 10
HSL	191.5°, 75.1, 59	`hsl(191.5,75.1%,59%)`
HSV (or HSB)	191.5°, 68.6, 89.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.748, -25.303, -25.057
XYZ	37.235, 47.879, 81.404
xyY	0.224, 0.288, 47.879
CIE-LCH	74.748, 35.61, 224.721
CIE-LUV	74.748, -47.463, -36.214
Hunter-Lab	69.194, -25.036, -21.316
Binary	01001000, 11000111, 11100101

#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#e56648
```
#e56648 rgb(229,102,72)
```

Complementary Color

#48e5b5
```
#48e5b5 rgb(72,229,181)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#4879e5
```
#4879e5 rgb(72,121,229)
```

Analogous Color

#e5b548
```
#e5b548 rgb(229,181,72)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#e54879
```
#e54879 rgb(229,72,121)
```

Split Complementary Color

#c7e548
```
#c7e548 rgb(199,229,72)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#e548c7
```
#e548c7 rgb(229,72,199)
```

Triadic Color

#48e566
```
#48e566 rgb(72,229,102)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#e548c7
```
#e548c7 rgb(229,72,199)
```
#e56648
```
#e56648 rgb(229,102,72)
```

Tetradic Color

#1ca4c5
```
#1ca4c5 rgb(28,164,197)
```
#1fb7db
```
#1fb7db rgb(31,183,219)
```
#32c0e2
```
#32c0e2 rgb(50,192,226)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#5ecee8
```
#5ecee8 rgb(94,206,232)
```
#75d5eb
```
#75d5eb rgb(117,213,235)
```
#8bdbef
```
#8bdbef rgb(139,219,239)
```

Monochromatic Color

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

#48e5dc
```
#48e5dc rgb(72,229,220)
```
#48e1e5
```
#48e1e5 rgb(72,225,229)
```
#48d4e5
```
#48d4e5 rgb(72,212,229)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#48bae5
```
#48bae5 rgb(72,186,229)
```
#48ade5
```
#48ade5 rgb(72,173,229)
```
#48a0e5
```
#48a0e5 rgb(72,160,229)
```

Similar Colors

Text with hexadecimal color #48c7e5

This text has a font color of #48c7e5.

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

#48c7e5 background color

This paragraph has a background color of #48c7e5.

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

#48c7e5 border color

This element has a border color of #48c7e5.

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

CSS codes

.text {color:#48c7e5;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#031317
```
#031317 rgb(3,19,23)
```
#062228
```
#062228 rgb(6,34,40)
```
#083039
```
#083039 rgb(8,48,57)
```
#0b3e4b
```
#0b3e4b rgb(11,62,75)
```
#0d4d5c
```
#0d4d5c rgb(13,77,92)
```
#0f5b6d
```
#0f5b6d rgb(15,91,109)
```
#12697e
```
#12697e rgb(18,105,126)
```
#14788f
```
#14788f rgb(20,120,143)
```
#1786a1
```
#1786a1 rgb(23,134,161)
```
#1995b2
```
#1995b2 rgb(25,149,178)
```
#1ca3c3
```
#1ca3c3 rgb(28,163,195)
```
#1eb1d4
```
#1eb1d4 rgb(30,177,212)
```

Shade Color Variation

#26bce0
```
#26bce0 rgb(38,188,224)
```
#37c2e3
```
#37c2e3 rgb(55,194,227)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#59cce7
```
#59cce7 rgb(89,204,231)
```
#6ad2ea
```
#6ad2ea rgb(106,210,234)
```
#7cd7ec
```
#7cd7ec rgb(124,215,236)
```
#8ddcef
```
#8ddcef rgb(141,220,239)
```
#9ee1f1
```
#9ee1f1 rgb(158,225,241)
```
#afe7f4
```
#afe7f4 rgb(175,231,244)
```
#c0ecf6
```
#c0ecf6 rgb(192,236,246)
```
#d1f1f9
```
#d1f1f9 rgb(209,241,249)
```
#e3f6fb
```
#e3f6fb rgb(227,246,251)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9d is the less saturated color, while #30d6fd is the most saturated one.

#909a9d
```
#909a9d rgb(144,154,157)
```
#889fa5
```
#889fa5 rgb(136,159,165)
```
#80a4ad
```
#80a4ad rgb(128,164,173)
```
#78a9b5
```
#78a9b5 rgb(120,169,181)
```
#70aebd
```
#70aebd rgb(112,174,189)
```
#68b3c5
```
#68b3c5 rgb(104,179,197)
```
#60b8cd
```
#60b8cd rgb(96,184,205)
```
#58bdd5
```
#58bdd5 rgb(88,189,213)
```
#50c2dd
```
#50c2dd rgb(80,194,221)
```
#48c7e5
```
#48c7e5 rgb(72,199,229)
```
#40cced
```
#40cced rgb(64,204,237)
```
#38d1f5
```
#38d1f5 rgb(56,209,245)
```
#30d6fd
```
#30d6fd rgb(48,214,253)
```

Tone Color Variation

Below, you can see how #48c7e5 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
#92abb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4badc Protanopia 1% of men
#b1b8ec Deuteranopia 1% of men
#48cbda Tritanopia 0.001% of the population

Trichromacy

#8cbedf Protanomaly 1% of men, 0.01% of women
#8abdea Deuteranomaly 6% of men, 0.4% of women
#48cade Tritanomaly 0.01% of the population

#48c7e5 hex color

#48c7e5 Color Information

#48c7e5 Color Conversion

Color Schemes with #48c7e5

Alternatives to #48c7e5

#48c7e5 Preview

Shades and Tints of #48c7e5

Tones of #48c7e5

Color Blindness Simulator