#48d8a8 hex color

In a RGB color space, hex #48d8a8 is composed of 28.2% red, 84.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 22.2% yellow and 15.3% black. It has a hue angle of 160 degrees, a saturation of 64.9% and a lightness of 56.5%. #48d8a8 color hex could be obtained by blending #90ffff with #00b151. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 85
- B 66
RGB color chart
- C 67
- M 0
- Y 22
- K 15
CMYK color chart

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

The hexadecimal color #48d8a8 has RGB values of R:72, G:216, B:168 and CMYK values of C:0.67, M:0, Y:0.22, K:0.15. Its decimal value is 4774056.

Hex triplet	48d8a8	`#48d8a8`
RGB Decimal	72, 216, 168	`rgb(72,216,168)`
RGB Percent	28.2, 84.7, 65.9	`rgb(28.2%,84.7%,65.9%)`
CMYK	67, 0, 22, 15
HSL	160°, 64.9, 56.5	`hsl(160,64.9%,56.5%)`
HSV (or HSB)	160°, 66.7, 84.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.06, -49.475, 12.618
XYZ	34.294, 53.314, 45.527
xyY	0.258, 0.4, 53.314
CIE-LCH	78.06, 51.059, 165.693
CIE-LUV	78.06, -57.342, 26.416
Hunter-Lab	73.016, -43.942, 14.143
Binary	01001000, 11011000, 10101000

#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#d84878
```
#d84878 rgb(216,72,120)
```

Complementary Color

#48d860
```
#48d860 rgb(72,216,96)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#48c0d8
```
#48c0d8 rgb(72,192,216)
```

Analogous Color

#d86048
```
#d86048 rgb(216,96,72)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#d848c0
```
#d848c0 rgb(216,72,192)
```

Split Complementary Color

#d8a848
```
#d8a848 rgb(216,168,72)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#a848d8
```
#a848d8 rgb(168,72,216)
```

Triadic Color

#78d848
```
#78d848 rgb(120,216,72)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#a848d8
```
#a848d8 rgb(168,72,216)
```
#d84878
```
#d84878 rgb(216,72,120)
```

Tetradic Color

#25ae81
```
#25ae81 rgb(37,174,129)
```
#2ac390
```
#2ac390 rgb(42,195,144)
```
#33d49e
```
#33d49e rgb(51,212,158)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#5ddcb2
```
#5ddcb2 rgb(93,220,178)
```
#72e1bc
```
#72e1bc rgb(114,225,188)
```
#87e5c6
```
#87e5c6 rgb(135,229,198)
```

Monochromatic Color

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

#48d884
```
#48d884 rgb(72,216,132)
```
#48d890
```
#48d890 rgb(72,216,144)
```
#48d89c
```
#48d89c rgb(72,216,156)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#48d8b4
```
#48d8b4 rgb(72,216,180)
```
#48d8c0
```
#48d8c0 rgb(72,216,192)
```
#48d8cc
```
#48d8cc rgb(72,216,204)
```

Similar Colors

Text with hexadecimal color #48d8a8

This text has a font color of #48d8a8.

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

#48d8a8 background color

This paragraph has a background color of #48d8a8.

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

#48d8a8 border color

This element has a border color of #48d8a8.

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

CSS codes

.text {color:#48d8a8;}

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

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

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, #020b08 is the darkest color, while #fafefd is the lightest one.

#020b08
```
#020b08 rgb(2,11,8)
```
#061b14
```
#061b14 rgb(6,27,20)
```
#092b20
```
#092b20 rgb(9,43,32)
```
#0d3c2c
```
#0d3c2c rgb(13,60,44)
```
#104c38
```
#104c38 rgb(16,76,56)
```
#145c44
```
#145c44 rgb(20,92,68)
```
#176c50
```
#176c50 rgb(23,108,80)
```
#1a7c5c
```
#1a7c5c rgb(26,124,92)
```
#1e8c68
```
#1e8c68 rgb(30,140,104)
```
#219d73
```
#219d73 rgb(33,157,115)
```
#25ad7f
```
#25ad7f rgb(37,173,127)
```
#28bd8b
```
#28bd8b rgb(40,189,139)
```
#2ccd97
```
#2ccd97 rgb(44,205,151)
```

Shade Color Variation

#38d5a0
```
#38d5a0 rgb(56,213,160)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#58dbb0
```
#58dbb0 rgb(88,219,176)
```
#68dfb7
```
#68dfb7 rgb(104,223,183)
```
#79e2bf
```
#79e2bf rgb(121,226,191)
```
#89e6c7
```
#89e6c7 rgb(137,230,199)
```
#99e9ce
```
#99e9ce rgb(153,233,206)
```
#a9edd6
```
#a9edd6 rgb(169,237,214)
```
#b9f0de
```
#b9f0de rgb(185,240,222)
```
#c9f4e5
```
#c9f4e5 rgb(201,244,229)
```
#daf7ed
```
#daf7ed rgb(218,247,237)
```
#eafaf5
```
#eafaf5 rgb(234,250,245)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9491 is the less saturated color, while #26fab3 is the most saturated one.

#8c9491
```
#8c9491 rgb(140,148,145)
```
#849c94
```
#849c94 rgb(132,156,148)
```
#7ba597
```
#7ba597 rgb(123,165,151)
```
#73ad9a
```
#73ad9a rgb(115,173,154)
```
#6ab69d
```
#6ab69d rgb(106,182,157)
```
#62be9f
```
#62be9f rgb(98,190,159)
```
#59c7a2
```
#59c7a2 rgb(89,199,162)
```
#51cfa5
```
#51cfa5 rgb(81,207,165)
```
#48d8a8
```
#48d8a8 rgb(72,216,168)
```
#3fe1ab
```
#3fe1ab rgb(63,225,171)
```
#37e9ae
```
#37e9ae rgb(55,233,174)
```
#2ef2b1
```
#2ef2b1 rgb(46,242,177)
```
#26fab3
```
#26fab3 rgb(38,250,179)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#94b1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc3a2 Protanopia 1% of men
#dbbdb6 Deuteranopia 1% of men
#6cd2e2 Tritanopia 0.001% of the population

Trichromacy

#9ecba4 Protanomaly 1% of men, 0.01% of women
#a5c7b1 Deuteranomaly 6% of men, 0.4% of women
#5ed4cc Tritanomaly 0.01% of the population

#48d8a8 hex color

#48d8a8 Color Information

#48d8a8 Color Conversion

Color Schemes with #48d8a8

Alternatives to #48d8a8

#48d8a8 Preview

Shades and Tints of #48d8a8

Tones of #48d8a8

Color Blindness Simulator