#48c5a1 hex color

In a RGB color space, hex #48c5a1 is composed of 28.2% red, 77.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 0% magenta, 18.3% yellow and 22.7% black. It has a hue angle of 162.7 degrees, a saturation of 51.9% and a lightness of 52.7%. #48c5a1 color hex could be obtained by blending #90ffff with #008b43. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 77
- B 63
RGB color chart
- C 63
- M 0
- Y 18
- K 23
CMYK color chart

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

The hexadecimal color #48c5a1 has RGB values of R:72, G:197, B:161 and CMYK values of C:0.63, M:0, Y:0.18, K:0.23. Its decimal value is 4769185.

Hex triplet	48c5a1	`#48c5a1`
RGB Decimal	72, 197, 161	`rgb(72,197,161)`
RGB Percent	28.2, 77.3, 63.1	`rgb(28.2%,77.3%,63.1%)`
CMYK	63, 0, 18, 23
HSL	162.7°, 51.9, 52.7	`hsl(162.7,51.9%,52.7%)`
HSV (or HSB)	162.7°, 63.5, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.149, -43.076, 7.964
XYZ	29.069, 43.881, 40.654
xyY	0.256, 0.386, 43.881
CIE-LCH	72.149, 43.806, 169.525
CIE-LUV	72.149, -50.792, 18.462
Hunter-Lab	66.243, -37.593, 9.983
Binary	01001000, 11000101, 10100001

#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#c5486c
```
#c5486c rgb(197,72,108)
```

Complementary Color

#48c563
```
#48c563 rgb(72,197,99)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#48abc5
```
#48abc5 rgb(72,171,197)
```

Analogous Color

#c56248
```
#c56248 rgb(197,98,72)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#c548ab
```
#c548ab rgb(197,72,171)
```

Split Complementary Color

#c5a148
```
#c5a148 rgb(197,161,72)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#a148c5
```
#a148c5 rgb(161,72,197)
```

Triadic Color

#6cc548
```
#6cc548 rgb(108,197,72)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#a148c5
```
#a148c5 rgb(161,72,197)
```
#c5486c
```
#c5486c rgb(197,72,108)
```

Tetradic Color

#2e9275
```
#2e9275 rgb(46,146,117)
```
#34a685
```
#34a685 rgb(52,166,133)
```
#3bb995
```
#3bb995 rgb(59,185,149)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#5bcbab
```
#5bcbab rgb(91,203,171)
```
#6fd1b5
```
#6fd1b5 rgb(111,209,181)
```
#82d7bf
```
#82d7bf rgb(130,215,191)
```

Monochromatic Color

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

#48c582
```
#48c582 rgb(72,197,130)
```
#48c58c
```
#48c58c rgb(72,197,140)
```
#48c597
```
#48c597 rgb(72,197,151)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#48c5ab
```
#48c5ab rgb(72,197,171)
```
#48c5b6
```
#48c5b6 rgb(72,197,182)
```
#48c5c0
```
#48c5c0 rgb(72,197,192)
```

Similar Colors

Text with hexadecimal color #48c5a1

This text has a font color of #48c5a1.

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

#48c5a1 background color

This paragraph has a background color of #48c5a1.

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

#48c5a1 border color

This element has a border color of #48c5a1.

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

CSS codes

.text {color:#48c5a1;}

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

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

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#081a15
```
#081a15 rgb(8,26,21)
```
#0d2820
```
#0d2820 rgb(13,40,32)
```
#12372c
```
#12372c rgb(18,55,44)
```
#164638
```
#164638 rgb(22,70,56)
```
#1b5544
```
#1b5544 rgb(27,85,68)
```
#206450
```
#206450 rgb(32,100,80)
```
#24735c
```
#24735c rgb(36,115,92)
```
#298268
```
#298268 rgb(41,130,104)
```
#2e9174
```
#2e9174 rgb(46,145,116)
```
#33a080
```
#33a080 rgb(51,160,128)
```
#37ae8c
```
#37ae8c rgb(55,174,140)
```
#3cbd98
```
#3cbd98 rgb(60,189,152)
```

Shade Color Variation

#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#57caa9
```
#57caa9 rgb(87,202,169)
```
#66ceb0
```
#66ceb0 rgb(102,206,176)
```
#75d3b8
```
#75d3b8 rgb(117,211,184)
```
#84d8c0
```
#84d8c0 rgb(132,216,192)
```
#92ddc7
```
#92ddc7 rgb(146,221,199)
```
#a1e1cf
```
#a1e1cf rgb(161,225,207)
```
#b0e6d7
```
#b0e6d7 rgb(176,230,215)
```
#bfebde
```
#bfebde rgb(191,235,222)
```
#ceefe6
```
#ceefe6 rgb(206,239,230)
```
#ddf4ee
```
#ddf4ee rgb(221,244,238)
```
#ecf9f5
```
#ecf9f5 rgb(236,249,245)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808d89 is the less saturated color, while #10fdb9 is the most saturated one.

#808d89
```
#808d89 rgb(128,141,137)
```
#76978d
```
#76978d rgb(118,151,141)
```
#6da091
```
#6da091 rgb(109,160,145)
```
#64a995
```
#64a995 rgb(100,169,149)
```
#5bb299
```
#5bb299 rgb(91,178,153)
```
#51bc9d
```
#51bc9d rgb(81,188,157)
```
#48c5a1
```
#48c5a1 rgb(72,197,161)
```
#3fcea5
```
#3fcea5 rgb(63,206,165)
```
#35d8a9
```
#35d8a9 rgb(53,216,169)
```
#2ce1ad
```
#2ce1ad rgb(44,225,173)
```
#23eab1
```
#23eab1 rgb(35,234,177)
```
#1af3b5
```
#1af3b5 rgb(26,243,181)
```
#10fdb9
```
#10fdb9 rgb(16,253,185)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49c Protanopia 1% of men
#c8afae Deuteranopia 1% of men
#65c1d0 Tritanopia 0.001% of the population

Trichromacy

#92ba9e Protanomaly 1% of men, 0.01% of women
#99b7a9 Deuteranomaly 6% of men, 0.4% of women
#5ac3bf Tritanomaly 0.01% of the population

#48c5a1 hex color

#48c5a1 Color Information

#48c5a1 Color Conversion

Color Schemes with #48c5a1

Alternatives to #48c5a1

#48c5a1 Preview

Shades and Tints of #48c5a1

Tones of #48c5a1

Color Blindness Simulator