#48e2cf hex color

In a RGB color space, hex #48e2cf is composed of 28.2% red, 88.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 8.4% yellow and 11.4% black. It has a hue angle of 172.6 degrees, a saturation of 72.6% and a lightness of 58.4%. #48e2cf color hex could be obtained by blending #90ffff with #00c59f. Closest websafe color is: #33cccc.

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

● #48e2cf color description : Soft cyan.

The hexadecimal color #48e2cf has RGB values of R:72, G:226, B:207 and CMYK values of C:0.68, M:0, Y:0.08, K:0.11. Its decimal value is 4776655.

Hex triplet	48e2cf	`#48e2cf`
RGB Decimal	72, 226, 207	`rgb(72,226,207)`
RGB Percent	28.2, 88.6, 81.2	`rgb(28.2%,88.6%,81.2%)`
CMYK	68, 0, 8, 11
HSL	172.6°, 72.6, 58.4	`hsl(172.6,72.6%,58.4%)`
HSV (or HSB)	172.6°, 68.1, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.986, -44.169, -2.426
XYZ	41.128, 60.272, 68.494
xyY	0.242, 0.355, 60.272
CIE-LCH	81.986, 44.236, 183.144
CIE-LUV	81.986, -58.484, 3.277
Hunter-Lab	77.635, -41.299, 2.035
Binary	01001000, 11100010, 11001111

#48e2cf
```
#48e2cf rgb(72,226,207)
```
#e2485b
```
#e2485b rgb(226,72,91)
```

Complementary Color

#48e282
```
#48e282 rgb(72,226,130)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#48a8e2
```
#48a8e2 rgb(72,168,226)
```

Analogous Color

#e28248
```
#e28248 rgb(226,130,72)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#e248a8
```
#e248a8 rgb(226,72,168)
```

Split Complementary Color

#e2cf48
```
#e2cf48 rgb(226,207,72)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#cf48e2
```
#cf48e2 rgb(207,72,226)
```

Triadic Color

#5be248
```
#5be248 rgb(91,226,72)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#cf48e2
```
#cf48e2 rgb(207,72,226)
```
#e2485b
```
#e2485b rgb(226,72,91)
```

Tetradic Color

#1ebfab
```
#1ebfab rgb(30,191,171)
```
#22d5bf
```
#22d5bf rgb(34,213,191)
```
#32dfc9
```
#32dfc9 rgb(50,223,201)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#5ee5d5
```
#5ee5d5 rgb(94,229,213)
```
#74e9db
```
#74e9db rgb(116,233,219)
```
#8aece0
```
#8aece0 rgb(138,236,224)
```

Monochromatic Color

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

#48e2a9
```
#48e2a9 rgb(72,226,169)
```
#48e2b5
```
#48e2b5 rgb(72,226,181)
```
#48e2c2
```
#48e2c2 rgb(72,226,194)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#48e2dc
```
#48e2dc rgb(72,226,220)
```
#48dbe2
```
#48dbe2 rgb(72,219,226)
```
#48cfe2
```
#48cfe2 rgb(72,207,226)
```

Similar Colors

Text with hexadecimal color #48e2cf

This text has a font color of #48e2cf.

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

#48e2cf background color

This paragraph has a background color of #48e2cf.

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

#48e2cf border color

This element has a border color of #48e2cf.

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

CSS codes

.text {color:#48e2cf;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#031412
```
#031412 rgb(3,20,18)
```
#062521
```
#062521 rgb(6,37,33)
```
#093630
```
#093630 rgb(9,54,48)
```
#0b4740
```
#0b4740 rgb(11,71,64)
```
#0e584f
```
#0e584f rgb(14,88,79)
```
#11695e
```
#11695e rgb(17,105,94)
```
#137a6d
```
#137a6d rgb(19,122,109)
```
#168b7c
```
#168b7c rgb(22,139,124)
```
#199c8b
```
#199c8b rgb(25,156,139)
```
#1bad9b
```
#1bad9b rgb(27,173,155)
```
#1ebeaa
```
#1ebeaa rgb(30,190,170)
```
#21ceb9
```
#21ceb9 rgb(33,206,185)
```

Shade Color Variation

#26ddc6
```
#26ddc6 rgb(38,221,198)
```
#37dfcb
```
#37dfcb rgb(55,223,203)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#59e5d3
```
#59e5d3 rgb(89,229,211)
```
#6ae7d8
```
#6ae7d8 rgb(106,231,216)
```
#7beadc
```
#7beadc rgb(123,234,220)
```
#8cede1
```
#8cede1 rgb(140,237,225)
```
#9defe5
```
#9defe5 rgb(157,239,229)
```
#aef2ea
```
#aef2ea rgb(174,242,234)
```
#bff5ee
```
#bff5ee rgb(191,245,238)
```
#cff7f3
```
#cff7f3 rgb(207,247,243)
```
#e0faf7
```
#e0faf7 rgb(224,250,247)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```

Tint Color Variation

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

#919998
```
#919998 rgb(145,153,152)
```
#89a19e
```
#89a19e rgb(137,161,158)
```
#81a9a4
```
#81a9a4 rgb(129,169,164)
```
#79b1aa
```
#79b1aa rgb(121,177,170)
```
#71b9b0
```
#71b9b0 rgb(113,185,176)
```
#69c1b6
```
#69c1b6 rgb(105,193,182)
```
#60cabd
```
#60cabd rgb(96,202,189)
```
#58d2c3
```
#58d2c3 rgb(88,210,195)
```
#50dac9
```
#50dac9 rgb(80,218,201)
```
#48e2cf
```
#48e2cf rgb(72,226,207)
```
#40ead5
```
#40ead5 rgb(64,234,213)
```
#38f2db
```
#38f2db rgb(56,242,219)
```
#30fae1
```
#30fae1 rgb(48,250,225)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9dbcb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cdc6 Protanopia 1% of men
#dbc8db Deuteranopia 1% of men
#64deef Tritanopia 0.001% of the population

Trichromacy

#a1d5c9 Protanomaly 1% of men, 0.01% of women
#a5d2d6 Deuteranomaly 6% of men, 0.4% of women
#59e0e3 Tritanomaly 0.01% of the population

#48e2cf hex color

#48e2cf Color Information

#48e2cf Color Conversion

Color Schemes with #48e2cf

Alternatives to #48e2cf

#48e2cf Preview

Shades and Tints of #48e2cf

Tones of #48e2cf

Color Blindness Simulator