#48f2d8 hex color

In a RGB color space, hex #48f2d8 is composed of 28.2% red, 94.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 10.7% yellow and 5.1% black. It has a hue angle of 170.8 degrees, a saturation of 86.7% and a lightness of 61.6%. #48f2d8 color hex could be obtained by blending #90ffff with #00e5b1. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 28
- G 95
- B 85
RGB color chart
- C 70
- M 0
- Y 11
- K 5
CMYK color chart

● #48f2d8 color description : Bright cyan.

The hexadecimal color #48f2d8 has RGB values of R:72, G:242, B:216 and CMYK values of C:0.7, M:0, Y:0.11, K:0.05. Its decimal value is 4780760.

Hex triplet	48f2d8	`#48f2d8`
RGB Decimal	72, 242, 216	`rgb(72,242,216)`
RGB Percent	28.2, 94.9, 84.7	`rgb(28.2%,94.9%,84.7%)`
CMYK	70, 0, 11, 5
HSL	170.8°, 86.7, 61.6	`hsl(170.8,86.7%,61.6%)`
HSV (or HSB)	170.8°, 70.2, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.916, -48.735, 0.05
XYZ	46.815, 69.835, 75.974
xyY	0.243, 0.363, 69.835
CIE-LCH	86.916, 48.735, 179.941
CIE-LUV	86.916, -63.523, 7.906
Hunter-Lab	83.568, -46.247, 4.595
Binary	01001000, 11110010, 11011000

#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#f24862
```
#f24862 rgb(242,72,98)
```

Complementary Color

#48f283
```
#48f283 rgb(72,242,131)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#48b7f2
```
#48b7f2 rgb(72,183,242)
```

Analogous Color

#f28348
```
#f28348 rgb(242,131,72)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#f248b7
```
#f248b7 rgb(242,72,183)
```

Split Complementary Color

#f2d848
```
#f2d848 rgb(242,216,72)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#d848f2
```
#d848f2 rgb(216,72,242)
```

Triadic Color

#62f248
```
#62f248 rgb(98,242,72)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#d848f2
```
#d848f2 rgb(216,72,242)
```
#f24862
```
#f24862 rgb(242,72,98)
```

Tetradic Color

#10debe
```
#10debe rgb(16,222,190)
```
#18efce
```
#18efce rgb(24,239,206)
```
#30f0d3
```
#30f0d3 rgb(48,240,211)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#60f4dd
```
#60f4dd rgb(96,244,221)
```
#78f5e2
```
#78f5e2 rgb(120,245,226)
```
#8ff7e7
```
#8ff7e7 rgb(143,247,231)
```

Monochromatic Color

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

#48f2ae
```
#48f2ae rgb(72,242,174)
```
#48f2bc
```
#48f2bc rgb(72,242,188)
```
#48f2ca
```
#48f2ca rgb(72,242,202)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#48f2e6
```
#48f2e6 rgb(72,242,230)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#48e2f2
```
#48e2f2 rgb(72,226,242)
```

Similar Colors

Text with hexadecimal color #48f2d8

This text has a font color of #48f2d8.

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

#48f2d8 background color

This paragraph has a background color of #48f2d8.

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

#48f2d8 border color

This element has a border color of #48f2d8.

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

CSS codes

.text {color:#48f2d8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011210
```
#011210 rgb(1,18,16)
```
#032520
```
#032520 rgb(3,37,32)
```
#04372f
```
#04372f rgb(4,55,47)
```
#05493f
```
#05493f rgb(5,73,63)
```
#075c4f
```
#075c4f rgb(7,92,79)
```
#086e5e
```
#086e5e rgb(8,110,94)
```
#09806e
```
#09806e rgb(9,128,110)
```
#0a937e
```
#0a937e rgb(10,147,126)
```
#0ca58e
```
#0ca58e rgb(12,165,142)
```
#0db79d
```
#0db79d rgb(13,183,157)
```
#0ecaad
```
#0ecaad rgb(14,202,173)
```
#10dcbd
```
#10dcbd rgb(16,220,189)
```

Shade Color Variation

#11eecc
```
#11eecc rgb(17,238,204)
```
#23efd0
```
#23efd0 rgb(35,239,208)
```
#36f1d4
```
#36f1d4 rgb(54,241,212)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#5af3dc
```
#5af3dc rgb(90,243,220)
```
#6df5e0
```
#6df5e0 rgb(109,245,224)
```
#7ff6e4
```
#7ff6e4 rgb(127,246,228)
```
#91f7e8
```
#91f7e8 rgb(145,247,232)
```
#a4f9ec
```
#a4f9ec rgb(164,249,236)
```
#b6faef
```
#b6faef rgb(182,250,239)
```
#c8fbf3
```
#c8fbf3 rgb(200,251,243)
```
#dbfcf7
```
#dbfcf7 rgb(219,252,247)
```
#edfefb
```
#edfefb rgb(237,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9f9e is the less saturated color, while #40fadd is the most saturated one.

#9b9f9e
```
#9b9f9e rgb(155,159,158)
```
#93a7a4
```
#93a7a4 rgb(147,167,164)
```
#8caea9
```
#8caea9 rgb(140,174,169)
```
#84b6ae
```
#84b6ae rgb(132,182,174)
```
#7dbdb3
```
#7dbdb3 rgb(125,189,179)
```
#75c5b9
```
#75c5b9 rgb(117,197,185)
```
#6eccbe
```
#6eccbe rgb(110,204,190)
```
#66d4c3
```
#66d4c3 rgb(102,212,195)
```
#5fdbc8
```
#5fdbc8 rgb(95,219,200)
```
#57e3ce
```
#57e3ce rgb(87,227,206)
```
#50ead3
```
#50ead3 rgb(80,234,211)
```
#48f2d8
```
#48f2d8 rgb(72,242,216)
```
#40fadd
```
#40fadd rgb(64,250,221)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a5c7c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dacd Protanopia 1% of men
#ebd5e4 Deuteranopia 1% of men
#69edfe Tritanopia 0.001% of the population

Trichromacy

#aae3d1 Protanomaly 1% of men, 0.01% of women
#b0dfdf Deuteranomaly 6% of men, 0.4% of women
#5deef0 Tritanomaly 0.01% of the population

#48f2d8 hex color

#48f2d8 Color Information

#48f2d8 Color Conversion

Color Schemes with #48f2d8

Alternatives to #48f2d8

#48f2d8 Preview

Shades and Tints of #48f2d8

Tones of #48f2d8

Color Blindness Simulator