#48e4cf hex color

In a RGB color space, hex #48e4cf is composed of 28.2% red, 89.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 9.2% yellow and 10.6% black. It has a hue angle of 171.9 degrees, a saturation of 74.3% and a lightness of 58.8%. #48e4cf color hex could be obtained by blending #90ffff with #00c99f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 89
- B 81
RGB color chart
- C 68
- M 0
- Y 9
- K 11
CMYK color chart

● #48e4cf color description : Soft cyan.

The hexadecimal color #48e4cf has RGB values of R:72, G:228, B:207 and CMYK values of C:0.68, M:0, Y:0.09, K:0.11. Its decimal value is 4777167.

Hex triplet	48e4cf	`#48e4cf`
RGB Decimal	72, 228, 207	`rgb(72,228,207)`
RGB Percent	28.2, 89.4, 81.2	`rgb(28.2%,89.4%,81.2%)`
CMYK	68, 0, 9, 11
HSL	171.9°, 74.3, 58.8	`hsl(171.9,74.3%,58.8%)`
HSV (or HSB)	171.9°, 68.4, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.575, -45.04, -1.562
XYZ	41.675, 61.366, 68.676
xyY	0.243, 0.357, 61.366
CIE-LCH	82.575, 45.067, 181.987
CIE-LUV	82.575, -59.193, 4.765
Hunter-Lab	78.336, -42.127, 2.857
Binary	01001000, 11100100, 11001111

#48e4cf
```
#48e4cf rgb(72,228,207)
```
#e4485d
```
#e4485d rgb(228,72,93)
```

Complementary Color

#48e481
```
#48e481 rgb(72,228,129)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#48abe4
```
#48abe4 rgb(72,171,228)
```

Analogous Color

#e48148
```
#e48148 rgb(228,129,72)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#e448ab
```
#e448ab rgb(228,72,171)
```

Split Complementary Color

#e4cf48
```
#e4cf48 rgb(228,207,72)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#cf48e4
```
#cf48e4 rgb(207,72,228)
```

Triadic Color

#5de448
```
#5de448 rgb(93,228,72)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#cf48e4
```
#cf48e4 rgb(207,72,228)
```
#e4485d
```
#e4485d rgb(228,72,93)
```

Tetradic Color

#1dc3ac
```
#1dc3ac rgb(29,195,172)
```
#20d9c0
```
#20d9c0 rgb(32,217,192)
```
#32e1c9
```
#32e1c9 rgb(50,225,201)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#5ee7d5
```
#5ee7d5 rgb(94,231,213)
```
#74ebdb
```
#74ebdb rgb(116,235,219)
```
#8beee0
```
#8beee0 rgb(139,238,224)
```

Monochromatic Color

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

#48e4a8
```
#48e4a8 rgb(72,228,168)
```
#48e4b5
```
#48e4b5 rgb(72,228,181)
```
#48e4c2
```
#48e4c2 rgb(72,228,194)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#48e4dc
```
#48e4dc rgb(72,228,220)
```
#48dfe4
```
#48dfe4 rgb(72,223,228)
```
#48d2e4
```
#48d2e4 rgb(72,210,228)
```

Similar Colors

Text with hexadecimal color #48e4cf

This text has a font color of #48e4cf.

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

#48e4cf background color

This paragraph has a background color of #48e4cf.

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

#48e4cf border color

This element has a border color of #48e4cf.

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

CSS codes

.text {color:#48e4cf;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#031614
```
#031614 rgb(3,22,20)
```
#062723
```
#062723 rgb(6,39,35)
```
#083832
```
#083832 rgb(8,56,50)
```
#0b4941
```
#0b4941 rgb(11,73,65)
```
#0d5a50
```
#0d5a50 rgb(13,90,80)
```
#106c5f
```
#106c5f rgb(16,108,95)
```
#127d6e
```
#127d6e rgb(18,125,110)
```
#158e7e
```
#158e7e rgb(21,142,126)
```
#179f8d
```
#179f8d rgb(23,159,141)
```
#1ab09c
```
#1ab09c rgb(26,176,156)
```
#1cc1ab
```
#1cc1ab rgb(28,193,171)
```
#1fd2ba
```
#1fd2ba rgb(31,210,186)
```

Shade Color Variation

#26dfc6
```
#26dfc6 rgb(38,223,198)
```
#37e1cb
```
#37e1cb rgb(55,225,203)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#59e7d3
```
#59e7d3 rgb(89,231,211)
```
#6ae9d8
```
#6ae9d8 rgb(106,233,216)
```
#7becdc
```
#7becdc rgb(123,236,220)
```
#8ceee1
```
#8ceee1 rgb(140,238,225)
```
#9df1e5
```
#9df1e5 rgb(157,241,229)
```
#aff3ea
```
#aff3ea rgb(175,243,234)
```
#c0f6ee
```
#c0f6ee rgb(192,246,238)
```
#d1f8f3
```
#d1f8f3 rgb(209,248,243)
```
#e2fbf7
```
#e2fbf7 rgb(226,251,247)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#919b9a
```
#919b9a rgb(145,155,154)
```
#89a3a0
```
#89a3a0 rgb(137,163,160)
```
#81aba6
```
#81aba6 rgb(129,171,166)
```
#78b4ac
```
#78b4ac rgb(120,180,172)
```
#70bcb1
```
#70bcb1 rgb(112,188,177)
```
#68c4b7
```
#68c4b7 rgb(104,196,183)
```
#60ccbd
```
#60ccbd rgb(96,204,189)
```
#58d4c3
```
#58d4c3 rgb(88,212,195)
```
#50dcc9
```
#50dcc9 rgb(80,220,201)
```
#48e4cf
```
#48e4cf rgb(72,228,207)
```
#40ecd5
```
#40ecd5 rgb(64,236,213)
```
#38f4db
```
#38f4db rgb(56,244,219)
```
#30fce1
```
#30fce1 rgb(48,252,225)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ebdb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cfc5 Protanopia 1% of men
#decadb Deuteranopia 1% of men
#65e0f1 Tritanopia 0.001% of the population

Trichromacy

#a2d6c9 Protanomaly 1% of men, 0.01% of women
#a7d3d6 Deuteranomaly 6% of men, 0.4% of women
#5ae1e4 Tritanomaly 0.01% of the population

#48e4cf hex color

#48e4cf Color Information

#48e4cf Color Conversion

Color Schemes with #48e4cf

Alternatives to #48e4cf

#48e4cf Preview

Shades and Tints of #48e4cf

Tones of #48e4cf

Color Blindness Simulator