#48e2da hex color

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

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

● #48e2da color description : Soft cyan.

The hexadecimal color #48e2da has RGB values of R:72, G:226, B:218 and CMYK values of C:0.68, M:0, Y:0.04, K:0.11. Its decimal value is 4776666.

Hex triplet	48e2da	`#48e2da`
RGB Decimal	72, 226, 218	`rgb(72,226,218)`
RGB Percent	28.2, 88.6, 85.5	`rgb(28.2%,88.6%,85.5%)`
CMYK	68, 0, 4, 11
HSL	176.9°, 72.6, 58.4	`hsl(176.9,72.6%,58.4%)`
HSV (or HSB)	176.9°, 68.1, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.286, -41.246, -7.816
XYZ	42.52, 60.829, 75.826
xyY	0.237, 0.339, 60.829
CIE-LCH	82.286, 41.98, 190.731
CIE-LUV	82.286, -57.766, -5.714
Hunter-Lab	77.993, -39.173, -3.048
Binary	01001000, 11100010, 11011010

#48e2da
```
#48e2da rgb(72,226,218)
```
#e24850
```
#e24850 rgb(226,72,80)
```

Complementary Color

#48e28d
```
#48e28d rgb(72,226,141)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#489de2
```
#489de2 rgb(72,157,226)
```

Analogous Color

#e28d48
```
#e28d48 rgb(226,141,72)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#e2489d
```
#e2489d rgb(226,72,157)
```

Split Complementary Color

#e2da48
```
#e2da48 rgb(226,218,72)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#da48e2
```
#da48e2 rgb(218,72,226)
```

Triadic Color

#50e248
```
#50e248 rgb(80,226,72)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#da48e2
```
#da48e2 rgb(218,72,226)
```
#e24850
```
#e24850 rgb(226,72,80)
```

Tetradic Color

#1ebfb7
```
#1ebfb7 rgb(30,191,183)
```
#22d5cc
```
#22d5cc rgb(34,213,204)
```
#32dfd6
```
#32dfd6 rgb(50,223,214)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#5ee5de
```
#5ee5de rgb(94,229,222)
```
#74e9e3
```
#74e9e3 rgb(116,233,227)
```
#8aece7
```
#8aece7 rgb(138,236,231)
```

Monochromatic Color

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

#48e2b4
```
#48e2b4 rgb(72,226,180)
```
#48e2c0
```
#48e2c0 rgb(72,226,192)
```
#48e2cd
```
#48e2cd rgb(72,226,205)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#48dde2
```
#48dde2 rgb(72,221,226)
```
#48d0e2
```
#48d0e2 rgb(72,208,226)
```
#48c4e2
```
#48c4e2 rgb(72,196,226)
```

Similar Colors

Text with hexadecimal color #48e2da

This text has a font color of #48e2da.

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

#48e2da background color

This paragraph has a background color of #48e2da.

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

#48e2da border color

This element has a border color of #48e2da.

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

CSS codes

.text {color:#48e2da;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#031413
```
#031413 rgb(3,20,19)
```
#062523
```
#062523 rgb(6,37,35)
```
#093634
```
#093634 rgb(9,54,52)
```
#0b4744
```
#0b4744 rgb(11,71,68)
```
#0e5854
```
#0e5854 rgb(14,88,84)
```
#116964
```
#116964 rgb(17,105,100)
```
#137a74
```
#137a74 rgb(19,122,116)
```
#168b85
```
#168b85 rgb(22,139,133)
```
#199c95
```
#199c95 rgb(25,156,149)
```
#1bada5
```
#1bada5 rgb(27,173,165)
```
#1ebeb5
```
#1ebeb5 rgb(30,190,181)
```
#21cec5
```
#21cec5 rgb(33,206,197)
```

Shade Color Variation

#26ddd3
```
#26ddd3 rgb(38,221,211)
```
#37dfd7
```
#37dfd7 rgb(55,223,215)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#59e5dd
```
#59e5dd rgb(89,229,221)
```
#6ae7e1
```
#6ae7e1 rgb(106,231,225)
```
#7beae4
```
#7beae4 rgb(123,234,228)
```
#8cede8
```
#8cede8 rgb(140,237,232)
```
#9defeb
```
#9defeb rgb(157,239,235)
```
#aef2ef
```
#aef2ef rgb(174,242,239)
```
#bff5f2
```
#bff5f2 rgb(191,245,242)
```
#cff7f5
```
#cff7f5 rgb(207,247,245)
```
#e0faf9
```
#e0faf9 rgb(224,250,249)
```
#f1fdfc
```
#f1fdfc rgb(241,253,252)
```

Tint Color Variation

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

#919998
```
#919998 rgb(145,153,152)
```
#89a1a0
```
#89a1a0 rgb(137,161,160)
```
#81a9a7
```
#81a9a7 rgb(129,169,167)
```
#79b1ae
```
#79b1ae rgb(121,177,174)
```
#71b9b5
```
#71b9b5 rgb(113,185,181)
```
#69c1bd
```
#69c1bd rgb(105,193,189)
```
#60cac4
```
#60cac4 rgb(96,202,196)
```
#58d2cb
```
#58d2cb rgb(88,210,203)
```
#50dad3
```
#50dad3 rgb(80,218,211)
```
#48e2da
```
#48e2da rgb(72,226,218)
```
#40eae1
```
#40eae1 rgb(64,234,225)
```
#38f2e9
```
#38f2e9 rgb(56,242,233)
```
#30faf0
```
#30faf0 rgb(48,250,240)
```

Tone Color Variation

Below, you can see how #48e2da 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
#9ebcbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2ced0 Protanopia 1% of men
#d7cae5 Deuteranopia 1% of men
#5fe0f0 Tritanopia 0.001% of the population

Trichromacy

#a0d5d3 Protanomaly 1% of men, 0.01% of women
#a3d2e1 Deuteranomaly 6% of men, 0.4% of women
#56e0e8 Tritanomaly 0.01% of the population

#48e2da hex color

#48e2da Color Information

#48e2da Color Conversion

Color Schemes with #48e2da

Alternatives to #48e2da

#48e2da Preview

Shades and Tints of #48e2da

Tones of #48e2da

Color Blindness Simulator