colorhexa.com

#48dcdf hex color

In a RGB color space, hex #48dcdf is composed of 28.2% red, 86.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 1.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 181.2 degrees, a saturation of 70.2% and a lightness of 57.8%. #48dcdf color hex could be obtained by blending #90ffff with #00b9bf. Closest websafe color is: #33cccc.

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

● #48dcdf color description : Soft cyan.

The hexadecimal color #48dcdf has RGB values of R:72, G:220, B:223 and CMYK values of C:0.68, M:0.01, Y:0, K:0.13. Its decimal value is 4775135.

Hex triplet	48dcdf	`#48dcdf`
RGB Decimal	72, 220, 223	`rgb(72,220,223)`
RGB Percent	28.2, 86.3, 87.5	`rgb(28.2%,86.3%,87.5%)`
CMYK	68, 1, 0, 13
HSL	181.2°, 70.2, 57.8	`hsl(181.2,70.2%,57.8%)`
HSV (or HSB)	181.2°, 67.7, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.677, -37.142, -12.873
XYZ	41.581, 57.888, 78.79
xyY	0.233, 0.325, 57.888
CIE-LCH	80.677, 39.309, 199.115
CIE-LUV	80.677, -55.314, -14.5
Hunter-Lab	76.084, -35.595, -8.14
Binary	01001000, 11011100, 11011111

#48dcdf
```
#48dcdf rgb(72,220,223)
```
#df4b48
```
#df4b48 rgb(223,75,72)
```

Complementary Color

#48df97
```
#48df97 rgb(72,223,151)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#4891df
```
#4891df rgb(72,145,223)
```

Analogous Color

#df9748
```
#df9748 rgb(223,151,72)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#df4891
```
#df4891 rgb(223,72,145)
```

Split Complementary Color

#dcdf48
```
#dcdf48 rgb(220,223,72)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#df48dc
```
#df48dc rgb(223,72,220)
```

Triadic Color

#48df4b
```
#48df4b rgb(72,223,75)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#df48dc
```
#df48dc rgb(223,72,220)
```
#df4b48
```
#df4b48 rgb(223,75,72)
```

Tetradic Color

#21b7ba
```
#21b7ba rgb(33,183,186)
```
#24ccd0
```
#24ccd0 rgb(36,204,208)
```
#32d8db
```
#32d8db rgb(50,216,219)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#5ee0e3
```
#5ee0e3 rgb(94,224,227)
```
#73e4e7
```
#73e4e7 rgb(115,228,231)
```
#89e8ea
```
#89e8ea rgb(137,232,234)
```

Monochromatic Color

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

#48dfbc
```
#48dfbc rgb(72,223,188)
```
#48dfc9
```
#48dfc9 rgb(72,223,201)
```
#48dfd5
```
#48dfd5 rgb(72,223,213)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#48cfdf
```
#48cfdf rgb(72,207,223)
```
#48c3df
```
#48c3df rgb(72,195,223)
```
#48b6df
```
#48b6df rgb(72,182,223)
```

Similar Colors

Text with hexadecimal color #48dcdf

This text has a font color of #48dcdf.

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

#48dcdf background color

This paragraph has a background color of #48dcdf.

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

#48dcdf border color

This element has a border color of #48dcdf.

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

CSS codes

.text {color:#48dcdf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031111
```
#031111 rgb(3,17,17)
```
#062122
```
#062122 rgb(6,33,34)
```
#093233
```
#093233 rgb(9,50,51)
```
#0c4243
```
#0c4243 rgb(12,66,67)
```
#0f5354
```
#0f5354 rgb(15,83,84)
```
#126365
```
#126365 rgb(18,99,101)
```
#157476
```
#157476 rgb(21,116,118)
```
#178486
```
#178486 rgb(23,132,134)
```
#1a9497
```
#1a9497 rgb(26,148,151)
```
#1da5a8
```
#1da5a8 rgb(29,165,168)
```
#20b5b8
```
#20b5b8 rgb(32,181,184)
```
#23c6c9
```
#23c6c9 rgb(35,198,201)
```

Shade Color Variation

#27d6d9
```
#27d6d9 rgb(39,214,217)
```
#37d9dc
```
#37d9dc rgb(55,217,220)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#59dfe2
```
#59dfe2 rgb(89,223,226)
```
#69e2e5
```
#69e2e5 rgb(105,226,229)
```
#7ae6e8
```
#7ae6e8 rgb(122,230,232)
```
#8be9eb
```
#8be9eb rgb(139,233,235)
```
#9becee
```
#9becee rgb(155,236,238)
```
#aceff1
```
#aceff1 rgb(172,239,241)
```
#bdf2f3
```
#bdf2f3 rgb(189,242,243)
```
#cef6f6
```
#cef6f6 rgb(206,246,246)
```
#def9f9
```
#def9f9 rgb(222,249,249)
```
#effcfc
```
#effcfc rgb(239,252,252)
```

Tint Color Variation

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

#929595
```
#929595 rgb(146,149,149)
```
#8a9c9d
```
#8a9c9d rgb(138,156,157)
```
#82a4a5
```
#82a4a5 rgb(130,164,165)
```
#7aacad
```
#7aacad rgb(122,172,173)
```
#71b4b6
```
#71b4b6 rgb(113,180,182)
```
#69bcbe
```
#69bcbe rgb(105,188,190)
```
#61c4c6
```
#61c4c6 rgb(97,196,198)
```
#59ccce
```
#59ccce rgb(89,204,206)
```
#50d4d7
```
#50d4d7 rgb(80,212,215)
```
#48dcdf
```
#48dcdf rgb(72,220,223)
```
#40e4e7
```
#40e4e7 rgb(64,228,231)
```
#37ecf0
```
#37ecf0 rgb(55,236,240)
```
#2ff4f8
```
#2ff4f8 rgb(47,244,248)
```

Tone Color Variation

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

Dichromacy

#cbc9d5 Protanopia 1% of men
#cec6e9 Deuteranopia 1% of men
#59dbec Tritanopia 0.001% of the population

Trichromacy

#9bd0d8 Protanomaly 1% of men, 0.01% of women
#9dcee5 Deuteranomaly 6% of men, 0.4% of women
#53dbe7 Tritanomaly 0.01% of the population