#48e2df hex color

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

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

● #48e2df color description : Soft cyan.

The hexadecimal color #48e2df has RGB values of R:72, G:226, B:223 and CMYK values of C:0.68, M:0, Y:0.01, K:0.11. Its decimal value is 4776671.

Hex triplet	48e2df	`#48e2df`
RGB Decimal	72, 226, 223	`rgb(72,226,223)`
RGB Percent	28.2, 88.6, 87.5	`rgb(28.2%,88.6%,87.5%)`
CMYK	68, 0, 1, 11
HSL	178.8°, 72.6, 58.4	`hsl(178.8,72.6%,58.4%)`
HSV (or HSB)	178.8°, 68.1, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.429, -39.881, -10.255
XYZ	43.184, 61.094, 79.324
xyY	0.235, 0.333, 61.094
CIE-LCH	82.429, 41.178, 194.421
CIE-LUV	82.429, -57.438, -9.859
Hunter-Lab	78.163, -38.166, -5.457
Binary	01001000, 11100010, 11011111

#48e2df
```
#48e2df rgb(72,226,223)
```
#e2484b
```
#e2484b rgb(226,72,75)
```

Complementary Color

#48e292
```
#48e292 rgb(72,226,146)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#4898e2
```
#4898e2 rgb(72,152,226)
```

Analogous Color

#e29248
```
#e29248 rgb(226,146,72)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#e24898
```
#e24898 rgb(226,72,152)
```

Split Complementary Color

#e2df48
```
#e2df48 rgb(226,223,72)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#df48e2
```
#df48e2 rgb(223,72,226)
```

Triadic Color

#4be248
```
#4be248 rgb(75,226,72)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#df48e2
```
#df48e2 rgb(223,72,226)
```
#e2484b
```
#e2484b rgb(226,72,75)
```

Tetradic Color

#1ebfbc
```
#1ebfbc rgb(30,191,188)
```
#22d5d2
```
#22d5d2 rgb(34,213,210)
```
#32dfdb
```
#32dfdb rgb(50,223,219)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#5ee5e3
```
#5ee5e3 rgb(94,229,227)
```
#74e9e7
```
#74e9e7 rgb(116,233,231)
```
#8aeceb
```
#8aeceb rgb(138,236,235)
```

Monochromatic Color

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

#48e2b9
```
#48e2b9 rgb(72,226,185)
```
#48e2c5
```
#48e2c5 rgb(72,226,197)
```
#48e2d2
```
#48e2d2 rgb(72,226,210)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#48d8e2
```
#48d8e2 rgb(72,216,226)
```
#48cbe2
```
#48cbe2 rgb(72,203,226)
```
#48bfe2
```
#48bfe2 rgb(72,191,226)
```

Similar Colors

Text with hexadecimal color #48e2df

This text has a font color of #48e2df.

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

#48e2df background color

This paragraph has a background color of #48e2df.

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

#48e2df border color

This element has a border color of #48e2df.

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

CSS codes

.text {color:#48e2df;}

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

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

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 #f1fdfd is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#031414
```
#031414 rgb(3,20,20)
```
#062525
```
#062525 rgb(6,37,37)
```
#093635
```
#093635 rgb(9,54,53)
```
#0b4746
```
#0b4746 rgb(11,71,70)
```
#0e5856
```
#0e5856 rgb(14,88,86)
```
#116967
```
#116967 rgb(17,105,103)
```
#137a78
```
#137a78 rgb(19,122,120)
```
#168b88
```
#168b88 rgb(22,139,136)
```
#199c99
```
#199c99 rgb(25,156,153)
```
#1badaa
```
#1badaa rgb(27,173,170)
```
#1ebeba
```
#1ebeba rgb(30,190,186)
```
#21cecb
```
#21cecb rgb(33,206,203)
```

Shade Color Variation

#26ddd9
```
#26ddd9 rgb(38,221,217)
```
#37dfdc
```
#37dfdc rgb(55,223,220)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#59e5e2
```
#59e5e2 rgb(89,229,226)
```
#6ae7e5
```
#6ae7e5 rgb(106,231,229)
```
#7beae8
```
#7beae8 rgb(123,234,232)
```
#8cedeb
```
#8cedeb rgb(140,237,235)
```
#9defee
```
#9defee rgb(157,239,238)
```
#aef2f1
```
#aef2f1 rgb(174,242,241)
```
#bff5f4
```
#bff5f4 rgb(191,245,244)
```
#cff7f7
```
#cff7f7 rgb(207,247,247)
```
#e0fafa
```
#e0fafa rgb(224,250,250)
```
#f1fdfd
```
#f1fdfd rgb(241,253,253)
```

Tint Color Variation

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

#919998
```
#919998 rgb(145,153,152)
```
#89a1a0
```
#89a1a0 rgb(137,161,160)
```
#81a9a8
```
#81a9a8 rgb(129,169,168)
```
#79b1b0
```
#79b1b0 rgb(121,177,176)
```
#71b9b8
```
#71b9b8 rgb(113,185,184)
```
#69c1c0
```
#69c1c0 rgb(105,193,192)
```
#60cac7
```
#60cac7 rgb(96,202,199)
```
#58d2cf
```
#58d2cf rgb(88,210,207)
```
#50dad7
```
#50dad7 rgb(80,218,215)
```
#48e2df
```
#48e2df rgb(72,226,223)
```
#40eae7
```
#40eae7 rgb(64,234,231)
```
#38f2ef
```
#38f2ef rgb(56,242,239)
```
#30faf7
```
#30faf7 rgb(48,250,247)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ebdbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ced5 Protanopia 1% of men
#d6cae9 Deuteranopia 1% of men
#5de0f1 Tritanopia 0.001% of the population

Trichromacy

#9fd5d8 Protanomaly 1% of men, 0.01% of women
#a2d3e5 Deuteranomaly 6% of men, 0.4% of women
#55e1ea Tritanomaly 0.01% of the population

#48e2df hex color

#48e2df Color Information

#48e2df Color Conversion

Color Schemes with #48e2df

Alternatives to #48e2df

#48e2df Preview

Shades and Tints of #48e2df

Tones of #48e2df

Color Blindness Simulator