#48cb9a hex color

In a RGB color space, hex #48cb9a is composed of 28.2% red, 79.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 24.1% yellow and 20.4% black. It has a hue angle of 157.6 degrees, a saturation of 55.7% and a lightness of 53.9%. #48cb9a color hex could be obtained by blending #90ffff with #009735. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #48cb9a has RGB values of R:72, G:203, B:154 and CMYK values of C:0.65, M:0, Y:0.24, K:0.2. Its decimal value is 4770714.

Hex triplet	48cb9a	`#48cb9a`
RGB Decimal	72, 203, 154	`rgb(72,203,154)`
RGB Percent	28.2, 79.6, 60.4	`rgb(28.2%,79.6%,60.4%)`
CMYK	65, 0, 24, 20
HSL	157.6°, 55.7, 53.9	`hsl(157.6,55.7%,53.9%)`
HSV (or HSB)	157.6°, 64.5, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.817, -47.246, 14.1
XYZ	29.859, 46.42, 37.956
xyY	0.261, 0.406, 46.42
CIE-LCH	73.817, 49.305, 163.383
CIE-LUV	73.817, -53.412, 27.833
Hunter-Lab	68.132, -41.004, 14.662
Binary	01001000, 11001011, 10011010

#48cb9a
```
#48cb9a rgb(72,203,154)
```
#cb4879
```
#cb4879 rgb(203,72,121)
```

Complementary Color

#48cb59
```
#48cb59 rgb(72,203,89)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#48bbcb
```
#48bbcb rgb(72,187,203)
```

Analogous Color

#cb5948
```
#cb5948 rgb(203,89,72)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#cb48bb
```
#cb48bb rgb(203,72,187)
```

Split Complementary Color

#cb9a48
```
#cb9a48 rgb(203,154,72)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#9a48cb
```
#9a48cb rgb(154,72,203)
```

Triadic Color

#79cb48
```
#79cb48 rgb(121,203,72)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#9a48cb
```
#9a48cb rgb(154,72,203)
```
#cb4879
```
#cb4879 rgb(203,72,121)
```

Tetradic Color

#2c9b71
```
#2c9b71 rgb(44,155,113)
```
#32ae80
```
#32ae80 rgb(50,174,128)
```
#37c28e
```
#37c28e rgb(55,194,142)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#5cd1a5
```
#5cd1a5 rgb(92,209,165)
```
#70d6b0
```
#70d6b0 rgb(112,214,176)
```
#84dcbb
```
#84dcbb rgb(132,220,187)
```

Monochromatic Color

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

#48cb79
```
#48cb79 rgb(72,203,121)
```
#48cb84
```
#48cb84 rgb(72,203,132)
```
#48cb8f
```
#48cb8f rgb(72,203,143)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#48cba5
```
#48cba5 rgb(72,203,165)
```
#48cbb0
```
#48cbb0 rgb(72,203,176)
```
#48cbbb
```
#48cbbb rgb(72,203,187)
```

Similar Colors

Text with hexadecimal color #48cb9a

This text has a font color of #48cb9a.

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

#48cb9a background color

This paragraph has a background color of #48cb9a.

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

#48cb9a border color

This element has a border color of #48cb9a.

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

CSS codes

.text {color:#48cb9a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100b
```
#04100b rgb(4,16,11)
```
#091f17
```
#091f17 rgb(9,31,23)
```
#0d2e22
```
#0d2e22 rgb(13,46,34)
```
#113d2d
```
#113d2d rgb(17,61,45)
```
#164d38
```
#164d38 rgb(22,77,56)
```
#1a5c43
```
#1a5c43 rgb(26,92,67)
```
#1e6b4f
```
#1e6b4f rgb(30,107,79)
```
#237a5a
```
#237a5a rgb(35,122,90)
```
#278a65
```
#278a65 rgb(39,138,101)
```
#2b9970
```
#2b9970 rgb(43,153,112)
```
#30a87b
```
#30a87b rgb(48,168,123)
```
#34b886
```
#34b886 rgb(52,184,134)
```

Shade Color Variation

#39c792
```
#39c792 rgb(57,199,146)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#57cfa2
```
#57cfa2 rgb(87,207,162)
```
#67d4ab
```
#67d4ab rgb(103,212,171)
```
#76d8b3
```
#76d8b3 rgb(118,216,179)
```
#85dcbc
```
#85dcbc rgb(133,220,188)
```
#94e1c4
```
#94e1c4 rgb(148,225,196)
```
#a4e5cd
```
#a4e5cd rgb(164,229,205)
```
#b3e9d5
```
#b3e9d5 rgb(179,233,213)
```
#c2eedd
```
#c2eedd rgb(194,238,221)
```
#d1f2e6
```
#d1f2e6 rgb(209,242,230)
```
#e1f6ee
```
#e1f6ee rgb(225,246,238)
```
#f0fbf7
```
#f0fbf7 rgb(240,251,247)
```

Tint Color Variation

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

#878c8a
```
#878c8a rgb(135,140,138)
```
#7e958c
```
#7e958c rgb(126,149,140)
```
#759e8f
```
#759e8f rgb(117,158,143)
```
#6ca791
```
#6ca791 rgb(108,167,145)
```
#63b093
```
#63b093 rgb(99,176,147)
```
#5ab995
```
#5ab995 rgb(90,185,149)
```
#51c298
```
#51c298 rgb(81,194,152)
```
#48cb9a
```
#48cb9a rgb(72,203,154)
```
#3fd49c
```
#3fd49c rgb(63,212,156)
```
#36dd9f
```
#36dd9f rgb(54,221,159)
```
#2de6a1
```
#2de6a1 rgb(45,230,161)
```
#24efa3
```
#24efa3 rgb(36,239,163)
```
#1bf8a5
```
#1bf8a5 rgb(27,248,165)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8da79d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b895 Protanopia 1% of men
#d0b3a8 Deuteranopia 1% of men
#6ac6d4 Tritanopia 0.001% of the population

Trichromacy

#97bf97 Protanomaly 1% of men, 0.01% of women
#9ebba3 Deuteranomaly 6% of men, 0.4% of women
#5dc8bf Tritanomaly 0.01% of the population

#48cb9a hex color

#48cb9a Color Information

#48cb9a Color Conversion

Color Schemes with #48cb9a

Alternatives to #48cb9a

#48cb9a Preview

Shades and Tints of #48cb9a

Tones of #48cb9a

Color Blindness Simulator