#48c8a9 hex color

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

♥
- f
- t
- g
- R 28
- G 78
- B 66
RGB color chart
- C 64
- M 0
- Y 16
- K 22
CMYK color chart

● #48c8a9 color description : Moderate cyan.

The hexadecimal color #48c8a9 has RGB values of R:72, G:200, B:169 and CMYK values of C:0.64, M:0, Y:0.16, K:0.22. Its decimal value is 4769961.

Hex triplet	48c8a9	`#48c8a9`
RGB Decimal	72, 200, 169	`rgb(72,200,169)`
RGB Percent	28.2, 78.4, 66.3	`rgb(28.2%,78.4%,66.3%)`
CMYK	64, 0, 16, 22
HSL	165.5°, 53.8, 53.3	`hsl(165.5,53.8%,53.3%)`
HSV (or HSB)	165.5°, 64, 78.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.251, -42.444, 5.217
XYZ	30.486, 45.548, 44.719
xyY	0.252, 0.377, 45.548
CIE-LCH	73.251, 42.764, 172.992
CIE-LUV	73.251, -51.438, 14.43
Hunter-Lab	67.489, -37.476, 7.957
Binary	01001000, 11001000, 10101001

#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#c84867
```
#c84867 rgb(200,72,103)
```

Complementary Color

#48c869
```
#48c869 rgb(72,200,105)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```

Analogous Color

#c86948
```
#c86948 rgb(200,105,72)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#c848a7
```
#c848a7 rgb(200,72,167)
```

Split Complementary Color

#c8a948
```
#c8a948 rgb(200,169,72)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#a948c8
```
#a948c8 rgb(169,72,200)
```

Triadic Color

#67c848
```
#67c848 rgb(103,200,72)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#a948c8
```
#a948c8 rgb(169,72,200)
```
#c84867
```
#c84867 rgb(200,72,103)
```

Tetradic Color

#2d967d
```
#2d967d rgb(45,150,125)
```
#33aa8d
```
#33aa8d rgb(51,170,141)
```
#39be9d
```
#39be9d rgb(57,190,157)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#5cceb2
```
#5cceb2 rgb(92,206,178)
```
#6fd4bb
```
#6fd4bb rgb(111,212,187)
```
#83dac5
```
#83dac5 rgb(131,218,197)
```

Monochromatic Color

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

#48c889
```
#48c889 rgb(72,200,137)
```
#48c894
```
#48c894 rgb(72,200,148)
```
#48c89e
```
#48c89e rgb(72,200,158)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#48c8b4
```
#48c8b4 rgb(72,200,180)
```
#48c8be
```
#48c8be rgb(72,200,190)
```
#48c7c8
```
#48c7c8 rgb(72,199,200)
```

Similar Colors

Text with hexadecimal color #48c8a9

This text has a font color of #48c8a9.

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

#48c8a9 background color

This paragraph has a background color of #48c8a9.

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

#48c8a9 border color

This element has a border color of #48c8a9.

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

CSS codes

.text {color:#48c8a9;}

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

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

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

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c17
```
#081c17 rgb(8,28,23)
```
#0d2b24
```
#0d2b24 rgb(13,43,36)
```
#123a30
```
#123a30 rgb(18,58,48)
```
#16493d
```
#16493d rgb(22,73,61)
```
#1b5849
```
#1b5849 rgb(27,88,73)
```
#1f6856
```
#1f6856 rgb(31,104,86)
```
#247763
```
#247763 rgb(36,119,99)
```
#28866f
```
#28866f rgb(40,134,111)
```
#2d957c
```
#2d957c rgb(45,149,124)
```
#31a488
```
#31a488 rgb(49,164,136)
```
#36b395
```
#36b395 rgb(54,179,149)
```
#3ac2a1
```
#3ac2a1 rgb(58,194,161)
```

Shade Color Variation

#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#57cdb0
```
#57cdb0 rgb(87,205,176)
```
#66d1b7
```
#66d1b7 rgb(102,209,183)
```
#75d6be
```
#75d6be rgb(117,214,190)
```
#84dac5
```
#84dac5 rgb(132,218,197)
```
#93dfcc
```
#93dfcc rgb(147,223,204)
```
#a2e3d4
```
#a2e3d4 rgb(162,227,212)
```
#b2e8db
```
#b2e8db rgb(178,232,219)
```
#c1ece2
```
#c1ece2 rgb(193,236,226)
```
#d0f1e9
```
#d0f1e9 rgb(208,241,233)
```
#dff5f0
```
#dff5f0 rgb(223,245,240)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7f918d
```
#7f918d rgb(127,145,141)
```
#769a91
```
#769a91 rgb(118,154,145)
```
#6da396
```
#6da396 rgb(109,163,150)
```
#63ad9b
```
#63ad9b rgb(99,173,155)
```
#5ab6a0
```
#5ab6a0 rgb(90,182,160)
```
#51bfa4
```
#51bfa4 rgb(81,191,164)
```
#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#3fd1ae
```
#3fd1ae rgb(63,209,174)
```
#36dab2
```
#36dab2 rgb(54,218,178)
```
#2de3b7
```
#2de3b7 rgb(45,227,183)
```
#23edbc
```
#23edbc rgb(35,237,188)
```
#1af6c1
```
#1af6c1 rgb(26,246,193)
```
#11ffc5
```
#11ffc5 rgb(17,255,197)
```

Tone Color Variation

Below, you can see how #48c8a9 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
#8da6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb7a3 Protanopia 1% of men
#c9b2b6 Deuteranopia 1% of men
#64c5d3 Tritanopia 0.001% of the population

Trichromacy

#94bda5 Protanomaly 1% of men, 0.01% of women
#9abab1 Deuteranomaly 6% of men, 0.4% of women
#5ac6c4 Tritanomaly 0.01% of the population

#48c8a9 hex color

#48c8a9 Color Information

#48c8a9 Color Conversion

Color Schemes with #48c8a9

Alternatives to #48c8a9

#48c8a9 Preview

Shades and Tints of #48c8a9

Tones of #48c8a9

Color Blindness Simulator