colorhexa.com

#48ded4 hex color

In a RGB color space, hex #48ded4 is composed of 28.2% red, 87.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 4.5% yellow and 12.9% black. It has a hue angle of 176 degrees, a saturation of 69.4% and a lightness of 57.6%. #48ded4 color hex could be obtained by blending #90ffff with #00bda9. Closest websafe color is: #33cccc.

- R 28
- G 87
- B 83
RGB color chart
- C 68
- M 0
- Y 5
- K 13
CMYK color chart

● #48ded4 color description : Soft cyan.

The hexadecimal color #48ded4 has RGB values of R:72, G:222, B:212 and CMYK values of C:0.68, M:0, Y:0.05, K:0.13. Its decimal value is 4775636.

Hex triplet	48ded4	`#48ded4`
RGB Decimal	72, 222, 212	`rgb(72,222,212)`
RGB Percent	28.2, 87.1, 83.1	`rgb(28.2%,87.1%,83.1%)`
CMYK	68, 0, 5, 13
HSL	176°, 69.4, 57.6	`hsl(176,69.4%,57.6%)`
HSV (or HSB)	176°, 67.6, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.944, -41.076, -6.618
XYZ	40.674, 58.37, 71.407
xyY	0.239, 0.342, 58.37
CIE-LCH	80.944, 41.606, 189.152
CIE-LUV	80.944, -56.737, -3.814
Hunter-Lab	76.4, -38.671, -1.935
Binary	01001000, 11011110, 11010100

#48ded4
```
#48ded4 rgb(72,222,212)
```
#de4852
```
#de4852 rgb(222,72,82)
```

Complementary Color

#48de89
```
#48de89 rgb(72,222,137)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#489dde
```
#489dde rgb(72,157,222)
```

Analogous Color

#de8948
```
#de8948 rgb(222,137,72)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#de489d
```
#de489d rgb(222,72,157)
```

Split Complementary Color

#ded448
```
#ded448 rgb(222,212,72)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#d448de
```
#d448de rgb(212,72,222)
```

Triadic Color

#52de48
```
#52de48 rgb(82,222,72)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#d448de
```
#d448de rgb(212,72,222)
```
#de4852
```
#de4852 rgb(222,72,82)
```

Tetradic Color

#21b8ae
```
#21b8ae rgb(33,184,174)
```
#25cec3
```
#25cec3 rgb(37,206,195)
```
#32dacf
```
#32dacf rgb(50,218,207)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#5ee2d9
```
#5ee2d9 rgb(94,226,217)
```
#73e6de
```
#73e6de rgb(115,230,222)
```
#89eae3
```
#89eae3 rgb(137,234,227)
```

Monochromatic Color

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

#48deaf
```
#48deaf rgb(72,222,175)
```
#48debb
```
#48debb rgb(72,222,187)
```
#48dec8
```
#48dec8 rgb(72,222,200)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#48dcde
```
#48dcde rgb(72,220,222)
```
#48cfde
```
#48cfde rgb(72,207,222)
```
#48c3de
```
#48c3de rgb(72,195,222)
```

Similar Colors

Text with hexadecimal color #48ded4

This text has a font color of #48ded4.

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

#48ded4 background color

This paragraph has a background color of #48ded4.

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

#48ded4 border color

This element has a border color of #48ded4.

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

CSS codes

.text {color:#48ded4;}

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

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

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

#031010
```
#031010 rgb(3,16,16)
```
#06211f
```
#06211f rgb(6,33,31)
```
#09322f
```
#09322f rgb(9,50,47)
```
#0c423f
```
#0c423f rgb(12,66,63)
```
#0f534e
```
#0f534e rgb(15,83,78)
```
#12645e
```
#12645e rgb(18,100,94)
```
#15746e
```
#15746e rgb(21,116,110)
```
#18857d
```
#18857d rgb(24,133,125)
```
#1b958d
```
#1b958d rgb(27,149,141)
```
#1ea69d
```
#1ea69d rgb(30,166,157)
```
#21b7ad
```
#21b7ad rgb(33,183,173)
```
#24c7bc
```
#24c7bc rgb(36,199,188)
```
#27d8cc
```
#27d8cc rgb(39,216,204)
```

Shade Color Variation

#37dbd0
```
#37dbd0 rgb(55,219,208)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#59e1d8
```
#59e1d8 rgb(89,225,216)
```
#69e4dc
```
#69e4dc rgb(105,228,220)
```
#7ae7e0
```
#7ae7e0 rgb(122,231,224)
```
#8aeae4
```
#8aeae4 rgb(138,234,228)
```
#9bede8
```
#9bede8 rgb(155,237,232)
```
#acf0eb
```
#acf0eb rgb(172,240,235)
```
#bcf3ef
```
#bcf3ef rgb(188,243,239)
```
#cdf6f3
```
#cdf6f3 rgb(205,246,243)
```
#def9f7
```
#def9f7 rgb(222,249,247)
```
#eefcfb
```
#eefcfb rgb(238,252,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8a9c9a
```
#8a9c9a rgb(138,156,154)
```
#82a4a2
```
#82a4a2 rgb(130,164,162)
```
#7aaca9
```
#7aaca9 rgb(122,172,169)
```
#72b4b0
```
#72b4b0 rgb(114,180,176)
```
#69bdb7
```
#69bdb7 rgb(105,189,183)
```
#61c5be
```
#61c5be rgb(97,197,190)
```
#59cdc6
```
#59cdc6 rgb(89,205,198)
```
#50d6cd
```
#50d6cd rgb(80,214,205)
```
#48ded4
```
#48ded4 rgb(72,222,212)
```
#40e6db
```
#40e6db rgb(64,230,219)
```
#37efe2
```
#37efe2 rgb(55,239,226)
```
#2ff7ea
```
#2ff7ea rgb(47,247,234)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9bb9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcaca Protanopia 1% of men
#d5c6df Deuteranopia 1% of men
#5fdcec Tritanopia 0.001% of the population

Trichromacy

#9ed1ce Protanomaly 1% of men, 0.01% of women
#a1cfdb Deuteranomaly 6% of men, 0.4% of women
#57dce3 Tritanomaly 0.01% of the population