#48c696 hex color

In a RGB color space, hex #48c696 is composed of 28.2% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 24.2% yellow and 22.4% black. It has a hue angle of 157.1 degrees, a saturation of 52.5% and a lightness of 52.9%. #48c696 color hex could be obtained by blending #90ffff with #008d2d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #48c696 has RGB values of R:72, G:198, B:150 and CMYK values of C:0.64, M:0, Y:0.24, K:0.22. Its decimal value is 4769430.

Hex triplet	48c696	`#48c696`
RGB Decimal	72, 198, 150	`rgb(72,198,150)`
RGB Percent	28.2, 77.6, 58.8	`rgb(28.2%,77.6%,58.8%)`
CMYK	64, 0, 24, 22
HSL	157.1°, 52.5, 52.9	`hsl(157.1,52.5%,52.9%)`
HSV (or HSB)	157.1°, 63.6, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.205, -46.046, 13.982
XYZ	28.369, 43.965, 35.844
xyY	0.262, 0.406, 43.965
CIE-LCH	72.205, 48.122, 163.108
CIE-LUV	72.205, -51.785, 27.359
Hunter-Lab	66.306, -39.664, 14.364
Binary	01001000, 11000110, 10010110

#48c696
```
#48c696 rgb(72,198,150)
```
#c64878
```
#c64878 rgb(198,72,120)
```

Complementary Color

#48c657
```
#48c657 rgb(72,198,87)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#48b7c6
```
#48b7c6 rgb(72,183,198)
```

Analogous Color

#c65748
```
#c65748 rgb(198,87,72)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#c648b7
```
#c648b7 rgb(198,72,183)
```

Split Complementary Color

#c69648
```
#c69648 rgb(198,150,72)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#9648c6
```
#9648c6 rgb(150,72,198)
```

Triadic Color

#78c648
```
#78c648 rgb(120,198,72)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#9648c6
```
#9648c6 rgb(150,72,198)
```
#c64878
```
#c64878 rgb(198,72,120)
```

Tetradic Color

#2e946d
```
#2e946d rgb(46,148,109)
```
#34a77b
```
#34a77b rgb(52,167,123)
```
#3aba8a
```
#3aba8a rgb(58,186,138)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#5bcca1
```
#5bcca1 rgb(91,204,161)
```
#6fd2ac
```
#6fd2ac rgb(111,210,172)
```
#82d8b7
```
#82d8b7 rgb(130,216,183)
```

Monochromatic Color

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

#48c677
```
#48c677 rgb(72,198,119)
```
#48c681
```
#48c681 rgb(72,198,129)
```
#48c68c
```
#48c68c rgb(72,198,140)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#48c6a1
```
#48c6a1 rgb(72,198,161)
```
#48c6ab
```
#48c6ab rgb(72,198,171)
```
#48c6b6
```
#48c6b6 rgb(72,198,182)
```

Similar Colors

Text with hexadecimal color #48c696

This text has a font color of #48c696.

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

#48c696 background color

This paragraph has a background color of #48c696.

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

#48c696 border color

This element has a border color of #48c696.

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

CSS codes

.text {color:#48c696;}

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

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

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

#040b08
```
#040b08 rgb(4,11,8)
```
#081a13
```
#081a13 rgb(8,26,19)
```
#0d291f
```
#0d291f rgb(13,41,31)
```
#12382a
```
#12382a rgb(18,56,42)
```
#164735
```
#164735 rgb(22,71,53)
```
#1b5640
```
#1b5640 rgb(27,86,64)
```
#20654b
```
#20654b rgb(32,101,75)
```
#247456
```
#247456 rgb(36,116,86)
```
#298361
```
#298361 rgb(41,131,97)
```
#2d926c
```
#2d926c rgb(45,146,108)
```
#32a177
```
#32a177 rgb(50,161,119)
```
#37b082
```
#37b082 rgb(55,176,130)
```
#3bbf8d
```
#3bbf8d rgb(59,191,141)
```

Shade Color Variation

#48c696
```
#48c696 rgb(72,198,150)
```
#57cb9f
```
#57cb9f rgb(87,203,159)
```
#66cfa7
```
#66cfa7 rgb(102,207,167)
```
#75d4b0
```
#75d4b0 rgb(117,212,176)
```
#84d9b8
```
#84d9b8 rgb(132,217,184)
```
#93ddc1
```
#93ddc1 rgb(147,221,193)
```
#a2e2c9
```
#a2e2c9 rgb(162,226,201)
```
#b1e7d2
```
#b1e7d2 rgb(177,231,210)
```
#c0ebdb
```
#c0ebdb rgb(192,235,219)
```
#cff0e3
```
#cff0e3 rgb(207,240,227)
```
#def5ec
```
#def5ec rgb(222,245,236)
```
#edf9f4
```
#edf9f4 rgb(237,249,244)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#7f8f89
```
#7f8f89 rgb(127,143,137)
```
#76988b
```
#76988b rgb(118,152,139)
```
#6da18d
```
#6da18d rgb(109,161,141)
```
#64aa8f
```
#64aa8f rgb(100,170,143)
```
#5ab492
```
#5ab492 rgb(90,180,146)
```
#51bd94
```
#51bd94 rgb(81,189,148)
```
#48c696
```
#48c696 rgb(72,198,150)
```
#3fcf98
```
#3fcf98 rgb(63,207,152)
```
#36d89a
```
#36d89a rgb(54,216,154)
```
#2ce29d
```
#2ce29d rgb(44,226,157)
```
#23eb9f
```
#23eb9f rgb(35,235,159)
```
#1af4a1
```
#1af4a1 rgb(26,244,161)
```
#11fda3
```
#11fda3 rgb(17,253,163)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa49a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b492 Protanopia 1% of men
#ccafa4 Deuteranopia 1% of men
#69c1cf Tritanopia 0.001% of the population

Trichromacy

#94bb93 Protanomaly 1% of men, 0.01% of women
#9cb79f Deuteranomaly 6% of men, 0.4% of women
#5dc3ba Tritanomaly 0.01% of the population

#48c696 hex color

#48c696 Color Information

#48c696 Color Conversion

Color Schemes with #48c696

Alternatives to #48c696

#48c696 Preview

Shades and Tints of #48c696

Tones of #48c696

Color Blindness Simulator