colorhexa.com

#48c8a0 hex color

In a RGB color space, hex #48c8a0 is composed of 28.2% red, 78.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 20% yellow and 21.6% black. It has a hue angle of 161.3 degrees, a saturation of 53.8% and a lightness of 53.3%. #48c8a0 color hex could be obtained by blending #90ffff with #009141. Closest websafe color is: #33cc99.

- R 28
- G 78
- B 63
RGB color chart
- C 64
- M 0
- Y 20
- K 22
CMYK color chart

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

The hexadecimal color #48c8a0 has RGB values of R:72, G:200, B:160 and CMYK values of C:0.64, M:0, Y:0.2, K:0.22. Its decimal value is 4769952.

Hex triplet	48c8a0	`#48c8a0`
RGB Decimal	72, 200, 160	`rgb(72,200,160)`
RGB Percent	28.2, 78.4, 62.7	`rgb(28.2%,78.4%,62.7%)`
CMYK	64, 0, 20, 22
HSL	161.3°, 53.8, 53.3	`hsl(161.3,53.8%,53.3%)`
HSV (or HSB)	161.3°, 64, 78.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.038, -44.605, 9.773
XYZ	29.67, 45.222, 40.421
xyY	0.257, 0.392, 45.222
CIE-LCH	73.038, 45.663, 167.642
CIE-LUV	73.038, -51.962, 21.324
Hunter-Lab	67.247, -38.928, 11.435
Binary	01001000, 11001000, 10100000

#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#c84870
```
#c84870 rgb(200,72,112)
```

Complementary Color

#48c860
```
#48c860 rgb(72,200,96)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#48b0c8
```
#48b0c8 rgb(72,176,200)
```

Analogous Color

#c86048
```
#c86048 rgb(200,96,72)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#c848b0
```
#c848b0 rgb(200,72,176)
```

Split Complementary Color

#c8a048
```
#c8a048 rgb(200,160,72)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#a048c8
```
#a048c8 rgb(160,72,200)
```

Triadic Color

#70c848
```
#70c848 rgb(112,200,72)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#a048c8
```
#a048c8 rgb(160,72,200)
```
#c84870
```
#c84870 rgb(200,72,112)
```

Tetradic Color

#2d9675
```
#2d9675 rgb(45,150,117)
```
#33aa85
```
#33aa85 rgb(51,170,133)
```
#39be94
```
#39be94 rgb(57,190,148)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#5cceaa
```
#5cceaa rgb(92,206,170)
```
#6fd4b4
```
#6fd4b4 rgb(111,212,180)
```
#83dabf
```
#83dabf rgb(131,218,191)
```

Monochromatic Color

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

#48c880
```
#48c880 rgb(72,200,128)
```
#48c88b
```
#48c88b rgb(72,200,139)
```
#48c895
```
#48c895 rgb(72,200,149)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#48c8ab
```
#48c8ab rgb(72,200,171)
```
#48c8b5
```
#48c8b5 rgb(72,200,181)
```
#48c8c0
```
#48c8c0 rgb(72,200,192)
```

Similar Colors

Text with hexadecimal color #48c8a0

This text has a font color of #48c8a0.

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

#48c8a0 background color

This paragraph has a background color of #48c8a0.

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

#48c8a0 border color

This element has a border color of #48c8a0.

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

CSS codes

.text {color:#48c8a0;}

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

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

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, #040d0a is the darkest color, while #fdfefe is the lightest one.

#040d0a
```
#040d0a rgb(4,13,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0d2b22
```
#0d2b22 rgb(13,43,34)
```
#123a2e
```
#123a2e rgb(18,58,46)
```
#164939
```
#164939 rgb(22,73,57)
```
#1b5845
```
#1b5845 rgb(27,88,69)
```
#1f6851
```
#1f6851 rgb(31,104,81)
```
#24775d
```
#24775d rgb(36,119,93)
```
#288669
```
#288669 rgb(40,134,105)
```
#2d9574
```
#2d9574 rgb(45,149,116)
```
#31a480
```
#31a480 rgb(49,164,128)
```
#36b38c
```
#36b38c rgb(54,179,140)
```
#3ac298
```
#3ac298 rgb(58,194,152)
```

Shade Color Variation

#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#57cda8
```
#57cda8 rgb(87,205,168)
```
#66d1b0
```
#66d1b0 rgb(102,209,176)
```
#75d6b7
```
#75d6b7 rgb(117,214,183)
```
#84dabf
```
#84dabf rgb(132,218,191)
```
#93dfc7
```
#93dfc7 rgb(147,223,199)
```
#a2e3cf
```
#a2e3cf rgb(162,227,207)
```
#b2e8d7
```
#b2e8d7 rgb(178,232,215)
```
#c1ecdf
```
#c1ecdf rgb(193,236,223)
```
#d0f1e6
```
#d0f1e6 rgb(208,241,230)
```
#dff5ee
```
#dff5ee rgb(223,245,238)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f918b is the less saturated color, while #11ffb5 is the most saturated one.

#7f918b
```
#7f918b rgb(127,145,139)
```
#769a8f
```
#769a8f rgb(118,154,143)
```
#6da392
```
#6da392 rgb(109,163,146)
```
#63ad96
```
#63ad96 rgb(99,173,150)
```
#5ab699
```
#5ab699 rgb(90,182,153)
```
#51bf9d
```
#51bf9d rgb(81,191,157)
```
#48c8a0
```
#48c8a0 rgb(72,200,160)
```
#3fd1a3
```
#3fd1a3 rgb(63,209,163)
```
#36daa7
```
#36daa7 rgb(54,218,167)
```
#2de3aa
```
#2de3aa rgb(45,227,170)
```
#23edae
```
#23edae rgb(35,237,174)
```
#1af6b1
```
#1af6b1 rgb(26,246,177)
```
#11ffb5
```
#11ffb5 rgb(17,255,181)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ca69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b69b Protanopia 1% of men
#cbb1ad Deuteranopia 1% of men
#67c4d2 Tritanopia 0.001% of the population

Trichromacy

#94bd9d Protanomaly 1% of men, 0.01% of women
#9bb9a8 Deuteranomaly 6% of men, 0.4% of women
#5bc5c0 Tritanomaly 0.01% of the population