#48e7e4 hex color

In a RGB color space, hex #48e7e4 is composed of 28.2% red, 90.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 1.3% yellow and 9.4% black. It has a hue angle of 178.9 degrees, a saturation of 76.8% and a lightness of 59.4%. #48e7e4 color hex could be obtained by blending #90ffff with #00cfc9. Closest websafe color is: #33ffcc.

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

● #48e7e4 color description : Soft cyan.

The hexadecimal color #48e7e4 has RGB values of R:72, G:231, B:228 and CMYK values of C:0.69, M:0, Y:0.01, K:0.09. Its decimal value is 4777956.

Hex triplet	48e7e4	`#48e7e4`
RGB Decimal	72, 231, 228	`rgb(72,231,228)`
RGB Percent	28.2, 90.6, 89.4	`rgb(28.2%,90.6%,89.4%)`
CMYK	69, 0, 1, 9
HSL	178.9°, 76.8, 59.4	`hsl(178.9,76.8%,59.4%)`
HSV (or HSB)	178.9°, 68.8, 90.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.032, -40.76, -10.514
XYZ	45.248, 64.127, 83.388
xyY	0.235, 0.333, 64.127
CIE-LCH	84.032, 42.094, 194.464
CIE-LUV	84.032, -58.87, -10.169
Hunter-Lab	80.079, -39.28, -5.684
Binary	01001000, 11100111, 11100100

#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#e7484b
```
#e7484b rgb(231,72,75)
```

Complementary Color

#48e795
```
#48e795 rgb(72,231,149)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#489be7
```
#489be7 rgb(72,155,231)
```

Analogous Color

#e79548
```
#e79548 rgb(231,149,72)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#e7489b
```
#e7489b rgb(231,72,155)
```

Split Complementary Color

#e7e448
```
#e7e448 rgb(231,228,72)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#e448e7
```
#e448e7 rgb(228,72,231)
```

Triadic Color

#4be748
```
#4be748 rgb(75,231,72)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#e448e7
```
#e448e7 rgb(228,72,231)
```
#e7484b
```
#e7484b rgb(231,72,75)
```

Tetradic Color

#1ac8c5
```
#1ac8c5 rgb(26,200,197)
```
#1ddfdb
```
#1ddfdb rgb(29,223,219)
```
#31e4e1
```
#31e4e1 rgb(49,228,225)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#5feae7
```
#5feae7 rgb(95,234,231)
```
#75edeb
```
#75edeb rgb(117,237,235)
```
#8cf0ee
```
#8cf0ee rgb(140,240,238)
```

Monochromatic Color

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

#48e7bc
```
#48e7bc rgb(72,231,188)
```
#48e7ca
```
#48e7ca rgb(72,231,202)
```
#48e7d7
```
#48e7d7 rgb(72,231,215)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#48dde7
```
#48dde7 rgb(72,221,231)
```
#48d0e7
```
#48d0e7 rgb(72,208,231)
```
#48c2e7
```
#48c2e7 rgb(72,194,231)
```

Similar Colors

Text with hexadecimal color #48e7e4

This text has a font color of #48e7e4.

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

#48e7e4 background color

This paragraph has a background color of #48e7e4.

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

#48e7e4 border color

This element has a border color of #48e7e4.

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

CSS codes

.text {color:#48e7e4;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#031919
```
#031919 rgb(3,25,25)
```
#062a2a
```
#062a2a rgb(6,42,42)
```
#083c3b
```
#083c3b rgb(8,60,59)
```
#0a4d4c
```
#0a4d4c rgb(10,77,76)
```
#0c5e5d
```
#0c5e5d rgb(12,94,93)
```
#0f706e
```
#0f706e rgb(15,112,110)
```
#11817f
```
#11817f rgb(17,129,127)
```
#139290
```
#139290 rgb(19,146,144)
```
#15a4a1
```
#15a4a1 rgb(21,164,161)
```
#18b5b2
```
#18b5b2 rgb(24,181,178)
```
#1ac7c3
```
#1ac7c3 rgb(26,199,195)
```
#1cd8d4
```
#1cd8d4 rgb(28,216,212)
```

Shade Color Variation

#25e2df
```
#25e2df rgb(37,226,223)
```
#37e5e1
```
#37e5e1 rgb(55,229,225)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#59e9e7
```
#59e9e7 rgb(89,233,231)
```
#6bece9
```
#6bece9 rgb(107,236,233)
```
#7ceeec
```
#7ceeec rgb(124,238,236)
```
#8df0ee
```
#8df0ee rgb(141,240,238)
```
#9ff2f1
```
#9ff2f1 rgb(159,242,241)
```
#b0f5f3
```
#b0f5f3 rgb(176,245,243)
```
#c1f7f6
```
#c1f7f6 rgb(193,247,246)
```
#d3f9f8
```
#d3f9f8 rgb(211,249,248)
```
#e4fbfb
```
#e4fbfb rgb(228,251,251)
```
#f5fefe
```
#f5fefe rgb(245,254,254)
```

Tint Color Variation

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

#909f9f
```
#909f9f rgb(144,159,159)
```
#88a7a7
```
#88a7a7 rgb(136,167,167)
```
#80afae
```
#80afae rgb(128,175,174)
```
#78b7b6
```
#78b7b6 rgb(120,183,182)
```
#70bfbe
```
#70bfbe rgb(112,191,190)
```
#68c7c5
```
#68c7c5 rgb(104,199,197)
```
#60cfcd
```
#60cfcd rgb(96,207,205)
```
#58d7d5
```
#58d7d5 rgb(88,215,213)
```
#50dfdc
```
#50dfdc rgb(80,223,220)
```
#48e7e4
```
#48e7e4 rgb(72,231,228)
```
#40efec
```
#40efec rgb(64,239,236)
```
#38f7f3
```
#38f7f3 rgb(56,247,243)
```
#30fffb
```
#30fffb rgb(48,255,251)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a1c1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d2d9 Protanopia 1% of men
#daceee Deuteranopia 1% of men
#5de5f6 Tritanopia 0.001% of the population

Trichromacy

#a2dadd Protanomaly 1% of men, 0.01% of women
#a5d7ea Deuteranomaly 6% of men, 0.4% of women
#55e6ef Tritanomaly 0.01% of the population

#48e7e4 hex color

#48e7e4 Color Information

#48e7e4 Color Conversion

Color Schemes with #48e7e4

Alternatives to #48e7e4

#48e7e4 Preview

Shades and Tints of #48e7e4

Tones of #48e7e4

Color Blindness Simulator