#48edb2 hex color

In a RGB color space, hex #48edb2 is composed of 28.2% red, 92.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 24.9% yellow and 7.1% black. It has a hue angle of 158.5 degrees, a saturation of 82.1% and a lightness of 60.6%. #48edb2 color hex could be obtained by blending #90ffff with #00db65. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 93
- B 70
RGB color chart
- C 70
- M 0
- Y 25
- K 7
CMYK color chart

● #48edb2 color description : Soft cyan - lime green.

The hexadecimal color #48edb2 has RGB values of R:72, G:237, B:178 and CMYK values of C:0.7, M:0, Y:0.25, K:0.07. Its decimal value is 4779442.

Hex triplet	48edb2	`#48edb2`
RGB Decimal	72, 237, 178	`rgb(72,237,178)`
RGB Percent	28.2, 92.9, 69.8	`rgb(28.2%,92.9%,69.8%)`
CMYK	70, 0, 25, 7
HSL	158.5°, 82.1, 60.6	`hsl(158.5,82.1%,60.6%)`
HSV (or HSB)	158.5°, 69.6, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.564, -55.709, 16.523
XYZ	40.989, 65.157, 52.533
xyY	0.258, 0.411, 65.157
CIE-LCH	84.564, 58.108, 163.479
CIE-LUV	84.564, -64.216, 33.351
Hunter-Lab	80.72, -50.617, 17.917
Binary	01001000, 11101101, 10110010

#48edb2
```
#48edb2 rgb(72,237,178)
```
#ed4883
```
#ed4883 rgb(237,72,131)
```

Complementary Color

#48ed60
```
#48ed60 rgb(72,237,96)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#48d6ed
```
#48d6ed rgb(72,214,237)
```

Analogous Color

#ed6048
```
#ed6048 rgb(237,96,72)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#ed48d6
```
#ed48d6 rgb(237,72,214)
```

Split Complementary Color

#edb248
```
#edb248 rgb(237,178,72)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#b248ed
```
#b248ed rgb(178,72,237)
```

Triadic Color

#83ed48
```
#83ed48 rgb(131,237,72)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#b248ed
```
#b248ed rgb(178,72,237)
```
#ed4883
```
#ed4883 rgb(237,72,131)
```

Tetradic Color

#15d48f
```
#15d48f rgb(21,212,143)
```
#1ae89e
```
#1ae89e rgb(26,232,158)
```
#31eba8
```
#31eba8 rgb(49,235,168)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#5fefbc
```
#5fefbc rgb(95,239,188)
```
#76f2c6
```
#76f2c6 rgb(118,242,198)
```
#8ef4cf
```
#8ef4cf rgb(142,244,207)
```

Monochromatic Color

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

#48ed89
```
#48ed89 rgb(72,237,137)
```
#48ed97
```
#48ed97 rgb(72,237,151)
```
#48eda4
```
#48eda4 rgb(72,237,164)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#48edc0
```
#48edc0 rgb(72,237,192)
```
#48edce
```
#48edce rgb(72,237,206)
```
#48eddb
```
#48eddb rgb(72,237,219)
```

Similar Colors

Text with hexadecimal color #48edb2

This text has a font color of #48edb2.

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

#48edb2 background color

This paragraph has a background color of #48edb2.

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

#48edb2 border color

This element has a border color of #48edb2.

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

CSS codes

.text {color:#48edb2;}

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

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

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, #010d09 is the darkest color, while #fbfffd is the lightest one.

#010d09
```
#010d09 rgb(1,13,9)
```
#031f15
```
#031f15 rgb(3,31,21)
```
#053121
```
#053121 rgb(5,49,33)
```
#07432d
```
#07432d rgb(7,67,45)
```
#08553a
```
#08553a rgb(8,85,58)
```
#0a6746
```
#0a6746 rgb(10,103,70)
```
#0c7952
```
#0c7952 rgb(12,121,82)
```
#0e8a5e
```
#0e8a5e rgb(14,138,94)
```
#0f9c6a
```
#0f9c6a rgb(15,156,106)
```
#11ae76
```
#11ae76 rgb(17,174,118)
```
#13c082
```
#13c082 rgb(19,192,130)
```
#15d28e
```
#15d28e rgb(21,210,142)
```
#16e49a
```
#16e49a rgb(22,228,154)
```

Shade Color Variation

#24e9a3
```
#24e9a3 rgb(36,233,163)
```
#36ebaa
```
#36ebaa rgb(54,235,170)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#5aefba
```
#5aefba rgb(90,239,186)
```
#6cf1c1
```
#6cf1c1 rgb(108,241,193)
```
#7ef2c9
```
#7ef2c9 rgb(126,242,201)
```
#8ff4d0
```
#8ff4d0 rgb(143,244,208)
```
#a1f6d8
```
#a1f6d8 rgb(161,246,216)
```
#b3f8df
```
#b3f8df rgb(179,248,223)
```
#c5f9e7
```
#c5f9e7 rgb(197,249,231)
```
#d7fbee
```
#d7fbee rgb(215,251,238)
```
#e9fdf6
```
#e9fdf6 rgb(233,253,246)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a09c is the less saturated color, while #39fcb6 is the most saturated one.

#95a09c
```
#95a09c rgb(149,160,156)
```
#8ea79e
```
#8ea79e rgb(142,167,158)
```
#86afa0
```
#86afa0 rgb(134,175,160)
```
#7eb7a3
```
#7eb7a3 rgb(126,183,163)
```
#76bfa5
```
#76bfa5 rgb(118,191,165)
```
#6fc6a7
```
#6fc6a7 rgb(111,198,167)
```
#67cea9
```
#67cea9 rgb(103,206,169)
```
#5fd6ab
```
#5fd6ab rgb(95,214,171)
```
#57deae
```
#57deae rgb(87,222,174)
```
#50e5b0
```
#50e5b0 rgb(80,229,176)
```
#48edb2
```
#48edb2 rgb(72,237,178)
```
#40f5b4
```
#40f5b4 rgb(64,245,180)
```
#39fcb6
```
#39fcb6 rgb(57,252,182)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fc0b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d4aa Protanopia 1% of men
#f0cec0 Deuteranopia 1% of men
#72e5f5 Tritanopia 0.001% of the population

Trichromacy

#aaddad Protanomaly 1% of men, 0.01% of women
#b3d9bb Deuteranomaly 6% of men, 0.4% of women
#63e8dd Tritanomaly 0.01% of the population

#48edb2 hex color

#48edb2 Color Information

#48edb2 Color Conversion

Color Schemes with #48edb2

Alternatives to #48edb2

#48edb2 Preview

Shades and Tints of #48edb2

Tones of #48edb2

Color Blindness Simulator