#48cf96 hex color

In a RGB color space, hex #48cf96 is composed of 28.2% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 154.7 degrees, a saturation of 58.4% and a lightness of 54.7%. #48cf96 color hex could be obtained by blending #90ffff with #009f2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 81
- B 59
RGB color chart
- C 65
- M 0
- Y 28
- K 19
CMYK color chart

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

The hexadecimal color #48cf96 has RGB values of R:72, G:207, B:150 and CMYK values of C:0.65, M:0, Y:0.28, K:0.19. Its decimal value is 4771734.

Hex triplet	48cf96	`#48cf96`
RGB Decimal	72, 207, 150	`rgb(72,207,150)`
RGB Percent	28.2, 81.2, 58.8	`rgb(28.2%,81.2%,58.8%)`
CMYK	65, 0, 28, 19
HSL	154.7°, 58.4, 54.7	`hsl(154.7,58.4%,54.7%)`
HSV (or HSB)	154.7°, 65.2, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.953, -49.768, 17.818
XYZ	30.488, 48.203, 36.55
xyY	0.265, 0.418, 48.203
CIE-LCH	74.953, 52.862, 160.302
CIE-LUV	74.953, -55.108, 33.376
Hunter-Lab	69.428, -43.114, 17.387
Binary	01001000, 11001111, 10010110

#48cf96
```
#48cf96 rgb(72,207,150)
```
#cf4881
```
#cf4881 rgb(207,72,129)
```

Complementary Color

#48cf53
```
#48cf53 rgb(72,207,83)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#48c5cf
```
#48c5cf rgb(72,197,207)
```

Analogous Color

#cf5348
```
#cf5348 rgb(207,83,72)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#cf48c5
```
#cf48c5 rgb(207,72,197)
```

Split Complementary Color

#cf9648
```
#cf9648 rgb(207,150,72)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#9648cf
```
#9648cf rgb(150,72,207)
```

Triadic Color

#81cf48
```
#81cf48 rgb(129,207,72)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#9648cf
```
#9648cf rgb(150,72,207)
```
#cf4881
```
#cf4881 rgb(207,72,129)
```

Tetradic Color

#2aa06e
```
#2aa06e rgb(42,160,110)
```
#2fb57c
```
#2fb57c rgb(47,181,124)
```
#35c98a
```
#35c98a rgb(53,201,138)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#5cd4a2
```
#5cd4a2 rgb(92,212,162)
```
#70daad
```
#70daad rgb(112,218,173)
```
#85dfb9
```
#85dfb9 rgb(133,223,185)
```

Monochromatic Color

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

#48cf74
```
#48cf74 rgb(72,207,116)
```
#48cf80
```
#48cf80 rgb(72,207,128)
```
#48cf8b
```
#48cf8b rgb(72,207,139)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#48cfa1
```
#48cfa1 rgb(72,207,161)
```
#48cfad
```
#48cfad rgb(72,207,173)
```
#48cfb8
```
#48cfb8 rgb(72,207,184)
```

Similar Colors

Text with hexadecimal color #48cf96

This text has a font color of #48cf96.

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

#48cf96 background color

This paragraph has a background color of #48cf96.

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

#48cf96 border color

This element has a border color of #48cf96.

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

CSS codes

.text {color:#48cf96;}

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

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

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, #010302 is the darkest color, while #f3fcf8 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#05130d
```
#05130d rgb(5,19,13)
```
#092318
```
#092318 rgb(9,35,24)
```
#0d3222
```
#0d3222 rgb(13,50,34)
```
#11422d
```
#11422d rgb(17,66,45)
```
#155138
```
#155138 rgb(21,81,56)
```
#196143
```
#196143 rgb(25,97,67)
```
#1d704d
```
#1d704d rgb(29,112,77)
```
#228058
```
#228058 rgb(34,128,88)
```
#268f63
```
#268f63 rgb(38,143,99)
```
#2a9f6d
```
#2a9f6d rgb(42,159,109)
```
#2eae78
```
#2eae78 rgb(46,174,120)
```
#32be83
```
#32be83 rgb(50,190,131)
```

Shade Color Variation

#38cb8d
```
#38cb8d rgb(56,203,141)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#58d39f
```
#58d39f rgb(88,211,159)
```
#67d7a8
```
#67d7a8 rgb(103,215,168)
```
#77dbb1
```
#77dbb1 rgb(119,219,177)
```
#86dfba
```
#86dfba rgb(134,223,186)
```
#96e3c3
```
#96e3c3 rgb(150,227,195)
```
#a5e7cb
```
#a5e7cb rgb(165,231,203)
```
#b5ecd4
```
#b5ecd4 rgb(181,236,212)
```
#c4f0dd
```
#c4f0dd rgb(196,240,221)
```
#d4f4e6
```
#d4f4e6 rgb(212,244,230)
```
#e3f8ef
```
#e3f8ef rgb(227,248,239)
```
#f3fcf8
```
#f3fcf8 rgb(243,252,248)
```

Tint Color Variation

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

#86918c
```
#86918c rgb(134,145,140)
```
#7d9a8e
```
#7d9a8e rgb(125,154,142)
```
#74a38f
```
#74a38f rgb(116,163,143)
```
#6cab90
```
#6cab90 rgb(108,171,144)
```
#63b492
```
#63b492 rgb(99,180,146)
```
#5abd93
```
#5abd93 rgb(90,189,147)
```
#51c695
```
#51c695 rgb(81,198,149)
```
#48cf96
```
#48cf96 rgb(72,207,150)
```
#3fd897
```
#3fd897 rgb(63,216,151)
```
#36e199
```
#36e199 rgb(54,225,153)
```
#2dea9a
```
#2dea9a rgb(45,234,154)
```
#24f39c
```
#24f39c rgb(36,243,156)
```
#1cfb9d
```
#1cfb9d rgb(28,251,157)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bb92 Protanopia 1% of men
#d6b5a5 Deuteranopia 1% of men
#6cc9d8 Tritanopia 0.001% of the population

Trichromacy

#99c293 Protanomaly 1% of men, 0.01% of women
#a2be9f Deuteranomaly 6% of men, 0.4% of women
#5fcbc0 Tritanomaly 0.01% of the population

#48cf96 hex color

#48cf96 Color Information

#48cf96 Color Conversion

Color Schemes with #48cf96

Alternatives to #48cf96

#48cf96 Preview

Shades and Tints of #48cf96

Tones of #48cf96

Color Blindness Simulator