#48c683 hex color

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

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

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

The hexadecimal color #48c683 has RGB values of R:72, G:198, B:131 and CMYK values of C:0.64, M:0, Y:0.34, K:0.22. Its decimal value is 4769411.

Hex triplet	48c683	`#48c683`
RGB Decimal	72, 198, 131	`rgb(72,198,131)`
RGB Percent	28.2, 77.6, 51.4	`rgb(28.2%,77.6%,51.4%)`
CMYK	64, 0, 34, 22
HSL	148.1°, 52.5, 52.9	`hsl(148.1,52.5%,52.9%)`
HSV (or HSB)	148.1°, 63.6, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.827, -50.038, 23.598
XYZ	26.961, 43.402, 28.428
xyY	0.273, 0.439, 43.402
CIE-LCH	71.827, 55.323, 154.751
CIE-LUV	71.827, -52.801, 40.552
Hunter-Lab	65.88, -42.24, 20.532
Binary	01001000, 11000110, 10000011

#48c683
```
#48c683 rgb(72,198,131)
```
#c6488b
```
#c6488b rgb(198,72,139)
```

Complementary Color

#4cc648
```
#4cc648 rgb(76,198,72)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#48c6c2
```
#48c6c2 rgb(72,198,194)
```

Analogous Color

#c6484c
```
#c6484c rgb(198,72,76)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#c248c6
```
#c248c6 rgb(194,72,198)
```

Split Complementary Color

#c68348
```
#c68348 rgb(198,131,72)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#8348c6
```
#8348c6 rgb(131,72,198)
```

Triadic Color

#8bc648
```
#8bc648 rgb(139,198,72)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#8348c6
```
#8348c6 rgb(131,72,198)
```
#c6488b
```
#c6488b rgb(198,72,139)
```

Tetradic Color

#2e945e
```
#2e945e rgb(46,148,94)
```
#34a76a
```
#34a76a rgb(52,167,106)
```
#3aba76
```
#3aba76 rgb(58,186,118)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#5bcc90
```
#5bcc90 rgb(91,204,144)
```
#6fd29d
```
#6fd29d rgb(111,210,157)
```
#82d8ab
```
#82d8ab rgb(130,216,171)
```

Monochromatic Color

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

#48c664
```
#48c664 rgb(72,198,100)
```
#48c66e
```
#48c66e rgb(72,198,110)
```
#48c679
```
#48c679 rgb(72,198,121)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#48c68e
```
#48c68e rgb(72,198,142)
```
#48c698
```
#48c698 rgb(72,198,152)
```
#48c6a3
```
#48c6a3 rgb(72,198,163)
```

Similar Colors

Text with hexadecimal color #48c683

This text has a font color of #48c683.

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

#48c683 background color

This paragraph has a background color of #48c683.

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

#48c683 border color

This element has a border color of #48c683.

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

CSS codes

.text {color:#48c683;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#081a11
```
#081a11 rgb(8,26,17)
```
#0d291a
```
#0d291a rgb(13,41,26)
```
#123824
```
#123824 rgb(18,56,36)
```
#16472d
```
#16472d rgb(22,71,45)
```
#1b5637
```
#1b5637 rgb(27,86,55)
```
#206540
```
#206540 rgb(32,101,64)
```
#24744a
```
#24744a rgb(36,116,74)
```
#298353
```
#298353 rgb(41,131,83)
```
#2d925d
```
#2d925d rgb(45,146,93)
```
#32a166
```
#32a166 rgb(50,161,102)
```
#37b070
```
#37b070 rgb(55,176,112)
```
#3bbf79
```
#3bbf79 rgb(59,191,121)
```

Shade Color Variation

#48c683
```
#48c683 rgb(72,198,131)
```
#57cb8d
```
#57cb8d rgb(87,203,141)
```
#66cf97
```
#66cf97 rgb(102,207,151)
```
#75d4a1
```
#75d4a1 rgb(117,212,161)
```
#84d9ac
```
#84d9ac rgb(132,217,172)
```
#93ddb6
```
#93ddb6 rgb(147,221,182)
```
#a2e2c0
```
#a2e2c0 rgb(162,226,192)
```
#b1e7ca
```
#b1e7ca rgb(177,231,202)
```
#c0ebd4
```
#c0ebd4 rgb(192,235,212)
```
#cff0de
```
#cff0de rgb(207,240,222)
```
#def5e8
```
#def5e8 rgb(222,245,232)
```
#edf9f2
```
#edf9f2 rgb(237,249,242)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#7f8f87
```
#7f8f87 rgb(127,143,135)
```
#769886
```
#769886 rgb(118,152,134)
```
#6da185
```
#6da185 rgb(109,161,133)
```
#64aa85
```
#64aa85 rgb(100,170,133)
```
#5ab484
```
#5ab484 rgb(90,180,132)
```
#51bd84
```
#51bd84 rgb(81,189,132)
```
#48c683
```
#48c683 rgb(72,198,131)
```
#3fcf82
```
#3fcf82 rgb(63,207,130)
```
#36d882
```
#36d882 rgb(54,216,130)
```
#2ce281
```
#2ce281 rgb(44,226,129)
```
#23eb81
```
#23eb81 rgb(35,235,129)
```
#1af480
```
#1af480 rgb(26,244,128)
```
#11fd7f
```
#11fd7f rgb(17,253,127)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#89a295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b380 Protanopia 1% of men
#d0ad92 Deuteranopia 1% of men
#6dc0ce Tritanopia 0.001% of the population

Trichromacy

#95ba81 Protanomaly 1% of men, 0.01% of women
#9eb68d Deuteranomaly 6% of men, 0.4% of women
#5fc2b2 Tritanomaly 0.01% of the population

#48c683 hex color

#48c683 Color Information

#48c683 Color Conversion

Color Schemes with #48c683

Alternatives to #48c683

#48c683 Preview

Shades and Tints of #48c683

Tones of #48c683

Color Blindness Simulator