#48e8d6 hex color

In a RGB color space, hex #48e8d6 is composed of 28.2% red, 91% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 0% magenta, 7.8% yellow and 9% black. It has a hue angle of 173.3 degrees, a saturation of 77.7% and a lightness of 59.6%. #48e8d6 color hex could be obtained by blending #90ffff with #00d1ad. Closest websafe color is: #33ffcc.

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

● #48e8d6 color description : Soft cyan.

The hexadecimal color #48e8d6 has RGB values of R:72, G:232, B:214 and CMYK values of C:0.69, M:0, Y:0.08, K:0.09. Its decimal value is 4778198.

Hex triplet	48e8d6	`#48e8d6`
RGB Decimal	72, 232, 214	`rgb(72,232,214)`
RGB Percent	28.2, 91, 83.9	`rgb(28.2%,91%,83.9%)`
CMYK	69, 0, 8, 9
HSL	173.3°, 77.7, 59.6	`hsl(173.3,77.7%,59.6%)`
HSV (or HSB)	173.3°, 69, 91
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	83.936, -44.958, -3.265
XYZ	43.663, 63.942, 73.656
xyY	0.241, 0.353, 63.942
CIE-LCH	83.936, 45.076, 184.154
CIE-LUV	83.936, -60.148, 2.093
Hunter-Lab	79.964, -42.47, 1.362
Binary	01001000, 11101000, 11010110

#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#e8485a
```
#e8485a rgb(232,72,90)
```

Complementary Color

#48e886
```
#48e886 rgb(72,232,134)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#48aae8
```
#48aae8 rgb(72,170,232)
```

Analogous Color

#e88648
```
#e88648 rgb(232,134,72)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#e848aa
```
#e848aa rgb(232,72,170)
```

Split Complementary Color

#e8d648
```
#e8d648 rgb(232,214,72)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#d648e8
```
#d648e8 rgb(214,72,232)
```

Triadic Color

#5ae848
```
#5ae848 rgb(90,232,72)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#d648e8
```
#d648e8 rgb(214,72,232)
```
#e8485a
```
#e8485a rgb(232,72,90)
```

Tetradic Color

#19cab6
```
#19cab6 rgb(25,202,182)
```
#1ce1cb
```
#1ce1cb rgb(28,225,203)
```
#31e5d1
```
#31e5d1 rgb(49,229,209)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#5febdb
```
#5febdb rgb(95,235,219)
```
#75eee0
```
#75eee0 rgb(117,238,224)
```
#8cf1e5
```
#8cf1e5 rgb(140,241,229)
```

Monochromatic Color

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

#48e8ae
```
#48e8ae rgb(72,232,174)
```
#48e8bb
```
#48e8bb rgb(72,232,187)
```
#48e8c9
```
#48e8c9 rgb(72,232,201)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#48e8e3
```
#48e8e3 rgb(72,232,227)
```
#48dfe8
```
#48dfe8 rgb(72,223,232)
```
#48d2e8
```
#48d2e8 rgb(72,210,232)
```

Similar Colors

Text with hexadecimal color #48e8d6

This text has a font color of #48e8d6.

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

#48e8d6 background color

This paragraph has a background color of #48e8d6.

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

#48e8d6 border color

This element has a border color of #48e8d6.

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

CSS codes

.text {color:#48e8d6;}

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

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

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

#010908
```
#010908 rgb(1,9,8)
```
#031a18
```
#031a18 rgb(3,26,24)
```
#052c27
```
#052c27 rgb(5,44,39)
```
#083d37
```
#083d37 rgb(8,61,55)
```
#0a4e47
```
#0a4e47 rgb(10,78,71)
```
#0c6056
```
#0c6056 rgb(12,96,86)
```
#0e7166
```
#0e7166 rgb(14,113,102)
```
#108376
```
#108376 rgb(16,131,118)
```
#139486
```
#139486 rgb(19,148,134)
```
#15a695
```
#15a695 rgb(21,166,149)
```
#17b7a5
```
#17b7a5 rgb(23,183,165)
```
#19c8b5
```
#19c8b5 rgb(25,200,181)
```
#1bdac4
```
#1bdac4 rgb(27,218,196)
```

Shade Color Variation

#25e4ce
```
#25e4ce rgb(37,228,206)
```
#37e6d2
```
#37e6d2 rgb(55,230,210)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#59eada
```
#59eada rgb(89,234,218)
```
#6becde
```
#6becde rgb(107,236,222)
```
#7cefe2
```
#7cefe2 rgb(124,239,226)
```
#8ef1e6
```
#8ef1e6 rgb(142,241,230)
```
#9ff3ea
```
#9ff3ea rgb(159,243,234)
```
#b1f5ed
```
#b1f5ed rgb(177,245,237)
```
#c2f7f1
```
#c2f7f1 rgb(194,247,241)
```
#d3faf5
```
#d3faf5 rgb(211,250,245)
```
#e5fcf9
```
#e5fcf9 rgb(229,252,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#979999
```
#979999 rgb(151,153,153)
```
#8fa19f
```
#8fa19f rgb(143,161,159)
```
#87a9a5
```
#87a9a5 rgb(135,169,165)
```
#7fb1ab
```
#7fb1ab rgb(127,177,171)
```
#78b8b1
```
#78b8b1 rgb(120,184,177)
```
#70c0b7
```
#70c0b7 rgb(112,192,183)
```
#68c8bd
```
#68c8bd rgb(104,200,189)
```
#60d0c4
```
#60d0c4 rgb(96,208,196)
```
#58d8ca
```
#58d8ca rgb(88,216,202)
```
#50e0d0
```
#50e0d0 rgb(80,224,208)
```
#48e8d6
```
#48e8d6 rgb(72,232,214)
```
#40f0dc
```
#40f0dc rgb(64,240,220)
```
#38f8e2
```
#38f8e2 rgb(56,248,226)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0c0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d2cc Protanopia 1% of men
#e0cee1 Deuteranopia 1% of men
#64e4f5 Tritanopia 0.001% of the population

Trichromacy

#a4dacf Protanomaly 1% of men, 0.01% of women
#a9d7dd Deuteranomaly 6% of men, 0.4% of women
#5ae5ea Tritanomaly 0.01% of the population

#48e8d6 hex color

#48e8d6 Color Information

#48e8d6 Color Conversion

Color Schemes with #48e8d6

Alternatives to #48e8d6

#48e8d6 Preview

Shades and Tints of #48e8d6

Tones of #48e8d6

Color Blindness Simulator