#48dfc2 hex color

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

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

● #48dfc2 color description : Soft cyan.

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

Hex triplet	48dfc2	`#48dfc2`
RGB Decimal	72, 223, 194	`rgb(72,223,194)`
RGB Percent	28.2, 87.5, 76.1	`rgb(28.2%,87.5%,76.1%)`
CMYK	68, 0, 13, 13
HSL	168.5°, 70.2, 57.8	`hsl(168.5,70.2%,57.8%)`
HSV (or HSB)	168.5°, 67.7, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.764, -46.193, 2.688
XYZ	38.794, 58.045, 60.195
xyY	0.247, 0.37, 58.045
CIE-LCH	80.764, 46.271, 176.67
CIE-LUV	80.764, -58.251, 11.454
Hunter-Lab	76.187, -42.435, 6.486
Binary	01001000, 11011111, 11000010

#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#df4865
```
#df4865 rgb(223,72,101)
```

Complementary Color

#48df77
```
#48df77 rgb(72,223,119)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#48b1df
```
#48b1df rgb(72,177,223)
```

Analogous Color

#df7748
```
#df7748 rgb(223,119,72)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#df48b1
```
#df48b1 rgb(223,72,177)
```

Split Complementary Color

#dfc248
```
#dfc248 rgb(223,194,72)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#c248df
```
#c248df rgb(194,72,223)
```

Triadic Color

#65df48
```
#65df48 rgb(101,223,72)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#c248df
```
#c248df rgb(194,72,223)
```
#df4865
```
#df4865 rgb(223,72,101)
```

Tetradic Color

#21ba9d
```
#21ba9d rgb(33,186,157)
```
#24d0af
```
#24d0af rgb(36,208,175)
```
#32dbbb
```
#32dbbb rgb(50,219,187)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#5ee3c9
```
#5ee3c9 rgb(94,227,201)
```
#73e7d0
```
#73e7d0 rgb(115,231,208)
```
#89ead8
```
#89ead8 rgb(137,234,216)
```

Monochromatic Color

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

#48df9c
```
#48df9c rgb(72,223,156)
```
#48dfa9
```
#48dfa9 rgb(72,223,169)
```
#48dfb5
```
#48dfb5 rgb(72,223,181)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#48dfcf
```
#48dfcf rgb(72,223,207)
```
#48dfdb
```
#48dfdb rgb(72,223,219)
```
#48d6df
```
#48d6df rgb(72,214,223)
```

Similar Colors

Text with hexadecimal color #48dfc2

This text has a font color of #48dfc2.

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

#48dfc2 background color

This paragraph has a background color of #48dfc2.

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

#48dfc2 border color

This element has a border color of #48dfc2.

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

CSS codes

.text {color:#48dfc2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#03110f
```
#03110f rgb(3,17,15)
```
#06221d
```
#06221d rgb(6,34,29)
```
#09332b
```
#09332b rgb(9,51,43)
```
#0c4339
```
#0c4339 rgb(12,67,57)
```
#0f5447
```
#0f5447 rgb(15,84,71)
```
#126555
```
#126555 rgb(18,101,85)
```
#157663
```
#157663 rgb(21,118,99)
```
#178671
```
#178671 rgb(23,134,113)
```
#1a977f
```
#1a977f rgb(26,151,127)
```
#1da88d
```
#1da88d rgb(29,168,141)
```
#20b89b
```
#20b89b rgb(32,184,155)
```
#23c9a9
```
#23c9a9 rgb(35,201,169)
```

Shade Color Variation

#27d9b7
```
#27d9b7 rgb(39,217,183)
```
#37dcbc
```
#37dcbc rgb(55,220,188)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#59e2c8
```
#59e2c8 rgb(89,226,200)
```
#69e5cd
```
#69e5cd rgb(105,229,205)
```
#7ae8d3
```
#7ae8d3 rgb(122,232,211)
```
#8bebd8
```
#8bebd8 rgb(139,235,216)
```
#9beede
```
#9beede rgb(155,238,222)
```
#acf1e3
```
#acf1e3 rgb(172,241,227)
```
#bdf3e9
```
#bdf3e9 rgb(189,243,233)
```
#cef6ef
```
#cef6ef rgb(206,246,239)
```
#def9f4
```
#def9f4 rgb(222,249,244)
```
#effcfa
```
#effcfa rgb(239,252,250)
```

Tint Color Variation

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

#929594
```
#929594 rgb(146,149,148)
```
#8a9d99
```
#8a9d99 rgb(138,157,153)
```
#82a59e
```
#82a59e rgb(130,165,158)
```
#7aada3
```
#7aada3 rgb(122,173,163)
```
#71b6a9
```
#71b6a9 rgb(113,182,169)
```
#69beae
```
#69beae rgb(105,190,174)
```
#61c6b3
```
#61c6b3 rgb(97,198,179)
```
#59ceb8
```
#59ceb8 rgb(89,206,184)
```
#50d7bd
```
#50d7bd rgb(80,215,189)
```
#48dfc2
```
#48dfc2 rgb(72,223,194)
```
#40e7c7
```
#40e7c7 rgb(64,231,199)
```
#37f0cc
```
#37f0cc rgb(55,240,204)
```
#2ff8d1
```
#2ff8d1 rgb(47,248,209)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9ab9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2caba Protanopia 1% of men
#dcc5ce Deuteranopia 1% of men
#67dbeb Tritanopia 0.001% of the population

Trichromacy

#a0d2bc Protanomaly 1% of men, 0.01% of women
#a6ceca Deuteranomaly 6% of men, 0.4% of women
#5bdcdc Tritanomaly 0.01% of the population

#48dfc2 hex color

#48dfc2 Color Information

#48dfc2 Color Conversion

Color Schemes with #48dfc2

Alternatives to #48dfc2

#48dfc2 Preview

Shades and Tints of #48dfc2

Tones of #48dfc2

Color Blindness Simulator