#48cd9d hex color

In a RGB color space, hex #48cd9d is composed of 28.2% red, 80.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 0% magenta, 23.4% yellow and 19.6% black. It has a hue angle of 158.3 degrees, a saturation of 57.1% and a lightness of 54.3%. #48cd9d color hex could be obtained by blending #90ffff with #009b3b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 80
- B 62
RGB color chart
- C 65
- M 0
- Y 23
- K 20
CMYK color chart

● #48cd9d color description : Moderate cyan - lime green.

The hexadecimal color #48cd9d has RGB values of R:72, G:205, B:157 and CMYK values of C:0.65, M:0, Y:0.23, K:0.2. Its decimal value is 4771229.

Hex triplet	48cd9d	`#48cd9d`
RGB Decimal	72, 205, 157	`rgb(72,205,157)`
RGB Percent	28.2, 80.4, 61.6	`rgb(28.2%,80.4%,61.6%)`
CMYK	65, 0, 23, 20
HSL	158.3°, 57.1, 54.3	`hsl(158.3,57.1%,54.3%)`
HSV (or HSB)	158.3°, 64.9, 80.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.491, -47.406, 13.441
XYZ	30.587, 47.472, 39.447
xyY	0.26, 0.404, 47.472
CIE-LCH	74.491, 49.275, 164.17
CIE-LUV	74.491, -53.978, 26.999
Hunter-Lab	68.9, -41.332, 14.284
Binary	01001000, 11001101, 10011101

#48cd9d
```
#48cd9d rgb(72,205,157)
```
#cd4878
```
#cd4878 rgb(205,72,120)
```

Complementary Color

#48cd5b
```
#48cd5b rgb(72,205,91)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#48bbcd
```
#48bbcd rgb(72,187,205)
```

Analogous Color

#cd5b48
```
#cd5b48 rgb(205,91,72)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#cd48bb
```
#cd48bb rgb(205,72,187)
```

Split Complementary Color

#cd9d48
```
#cd9d48 rgb(205,157,72)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#9d48cd
```
#9d48cd rgb(157,72,205)
```

Triadic Color

#78cd48
```
#78cd48 rgb(120,205,72)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#9d48cd
```
#9d48cd rgb(157,72,205)
```
#cd4878
```
#cd4878 rgb(205,72,120)
```

Tetradic Color

#2b9d74
```
#2b9d74 rgb(43,157,116)
```
#30b283
```
#30b283 rgb(48,178,131)
```
#36c692
```
#36c692 rgb(54,198,146)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#5cd2a8
```
#5cd2a8 rgb(92,210,168)
```
#70d8b2
```
#70d8b2 rgb(112,216,178)
```
#84ddbd
```
#84ddbd rgb(132,221,189)
```

Monochromatic Color

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

#48cd7c
```
#48cd7c rgb(72,205,124)
```
#48cd87
```
#48cd87 rgb(72,205,135)
```
#48cd92
```
#48cd92 rgb(72,205,146)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#48cda8
```
#48cda8 rgb(72,205,168)
```
#48cdb3
```
#48cdb3 rgb(72,205,179)
```
#48cdbe
```
#48cdbe rgb(72,205,190)
```

Similar Colors

Text with hexadecimal color #48cd9d

This text has a font color of #48cd9d.

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

#48cd9d background color

This paragraph has a background color of #48cd9d.

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

#48cd9d border color

This element has a border color of #48cd9d.

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

CSS codes

.text {color:#48cd9d;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#05110d
```
#05110d rgb(5,17,13)
```
#092118
```
#092118 rgb(9,33,24)
```
#0d3023
```
#0d3023 rgb(13,48,35)
```
#113f2f
```
#113f2f rgb(17,63,47)
```
#164f3a
```
#164f3a rgb(22,79,58)
```
#1a5e46
```
#1a5e46 rgb(26,94,70)
```
#1e6e51
```
#1e6e51 rgb(30,110,81)
```
#227d5c
```
#227d5c rgb(34,125,92)
```
#268d68
```
#268d68 rgb(38,141,104)
```
#2b9c73
```
#2b9c73 rgb(43,156,115)
```
#2fab7e
```
#2fab7e rgb(47,171,126)
```
#33bb8a
```
#33bb8a rgb(51,187,138)
```

Shade Color Variation

#39c995
```
#39c995 rgb(57,201,149)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#57d1a5
```
#57d1a5 rgb(87,209,165)
```
#67d5ae
```
#67d5ae rgb(103,213,174)
```
#76dab6
```
#76dab6 rgb(118,218,182)
```
#86debe
```
#86debe rgb(134,222,190)
```
#95e2c6
```
#95e2c6 rgb(149,226,198)
```
#a4e6cf
```
#a4e6cf rgb(164,230,207)
```
#b4ead7
```
#b4ead7 rgb(180,234,215)
```
#c3efdf
```
#c3efdf rgb(195,239,223)
```
#d3f3e7
```
#d3f3e7 rgb(211,243,231)
```
#e2f7f0
```
#e2f7f0 rgb(226,247,240)
```
#f1fbf8
```
#f1fbf8 rgb(241,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878e8c is the less saturated color, while #1bfaa9 is the most saturated one.

#878e8c
```
#878e8c rgb(135,142,140)
```
#7e978e
```
#7e978e rgb(126,151,142)
```
#75a091
```
#75a091 rgb(117,160,145)
```
#6ca993
```
#6ca993 rgb(108,169,147)
```
#63b296
```
#63b296 rgb(99,178,150)
```
#5abb98
```
#5abb98 rgb(90,187,152)
```
#51c49b
```
#51c49b rgb(81,196,155)
```
#48cd9d
```
#48cd9d rgb(72,205,157)
```
#3fd69f
```
#3fd69f rgb(63,214,159)
```
#36dfa2
```
#36dfa2 rgb(54,223,162)
```
#2de8a4
```
#2de8a4 rgb(45,232,164)
```
#24f1a7
```
#24f1a7 rgb(36,241,167)
```
#1bfaa9
```
#1bfaa9 rgb(27,250,169)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ba98 Protanopia 1% of men
#d2b4ab Deuteranopia 1% of men
#6ac8d6 Tritanopia 0.001% of the population

Trichromacy

#98c19a Protanomaly 1% of men, 0.01% of women
#9fbda6 Deuteranomaly 6% of men, 0.4% of women
#5dcac1 Tritanomaly 0.01% of the population

#48cd9d hex color

#48cd9d Color Information

#48cd9d Color Conversion

Color Schemes with #48cd9d

Alternatives to #48cd9d

#48cd9d Preview

Shades and Tints of #48cd9d

Tones of #48cd9d

Color Blindness Simulator