#48ca6a hex color

In a RGB color space, hex #48ca6a is composed of 28.2% red, 79.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 47.5% yellow and 20.8% black. It has a hue angle of 135.7 degrees, a saturation of 55.1% and a lightness of 53.7%. #48ca6a color hex could be obtained by blending #90ffd4 with #009500. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 28
- G 79
- B 42
RGB color chart
- C 64
- M 0
- Y 48
- K 21
CMYK color chart

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

The hexadecimal color #48ca6a has RGB values of R:72, G:202, B:106 and CMYK values of C:0.64, M:0, Y:0.48, K:0.21. Its decimal value is 4770410.

Hex triplet	48ca6a	`#48ca6a`
RGB Decimal	72, 202, 106	`rgb(72,202,106)`
RGB Percent	28.2, 79.2, 41.6	`rgb(28.2%,79.2%,41.6%)`
CMYK	64, 0, 48, 21
HSL	135.7°, 55.1, 53.7	`hsl(135.7,55.1%,53.7%)`
HSV (or HSB)	135.7°, 64.4, 79.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	72.666, -55.977, 37.569
XYZ	26.393, 44.657, 20.864
xyY	0.287, 0.486, 44.657
CIE-LCH	72.666, 67.415, 146.133
CIE-LUV	72.666, -55.467, 57.913
Hunter-Lab	66.826, -46.447, 28.267
Binary	01001000, 11001010, 01101010

#48ca6a
```
#48ca6a rgb(72,202,106)
```
#ca48a8
```
#ca48a8 rgb(202,72,168)
```

Complementary Color

#67ca48
```
#67ca48 rgb(103,202,72)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#48caab
```
#48caab rgb(72,202,171)
```

Analogous Color

#ca4867
```
#ca4867 rgb(202,72,103)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#ab48ca
```
#ab48ca rgb(171,72,202)
```

Split Complementary Color

#ca6a48
```
#ca6a48 rgb(202,106,72)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#6a48ca
```
#6a48ca rgb(106,72,202)
```

Triadic Color

#a8ca48
```
#a8ca48 rgb(168,202,72)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#6a48ca
```
#6a48ca rgb(106,72,202)
```
#ca48a8
```
#ca48a8 rgb(202,72,168)
```

Tetradic Color

#2c9949
```
#2c9949 rgb(44,153,73)
```
#32ad52
```
#32ad52 rgb(50,173,82)
```
#38c15c
```
#38c15c rgb(56,193,92)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#5cd07a
```
#5cd07a rgb(92,208,122)
```
#70d58a
```
#70d58a rgb(112,213,138)
```
#83db9a
```
#83db9a rgb(131,219,154)
```

Monochromatic Color

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

#48ca4a
```
#48ca4a rgb(72,202,74)
```
#48ca54
```
#48ca54 rgb(72,202,84)
```
#48ca5f
```
#48ca5f rgb(72,202,95)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#48ca75
```
#48ca75 rgb(72,202,117)
```
#48ca80
```
#48ca80 rgb(72,202,128)
```
#48ca8b
```
#48ca8b rgb(72,202,139)
```

Similar Colors

Text with hexadecimal color #48ca6a

This text has a font color of #48ca6a.

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

#48ca6a background color

This paragraph has a background color of #48ca6a.

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

#48ca6a border color

This element has a border color of #48ca6a.

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

CSS codes

.text {color:#48ca6a;}

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

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

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

#040f07
```
#040f07 rgb(4,15,7)
```
#091e0e
```
#091e0e rgb(9,30,14)
```
#0d2d15
```
#0d2d15 rgb(13,45,21)
```
#113c1d
```
#113c1d rgb(17,60,29)
```
#164c24
```
#164c24 rgb(22,76,36)
```
#1a5b2b
```
#1a5b2b rgb(26,91,43)
```
#1f6a32
```
#1f6a32 rgb(31,106,50)
```
#23793a
```
#23793a rgb(35,121,58)
```
#288841
```
#288841 rgb(40,136,65)
```
#2c9848
```
#2c9848 rgb(44,152,72)
```
#30a74f
```
#30a74f rgb(48,167,79)
```
#35b657
```
#35b657 rgb(53,182,87)
```
#39c55e
```
#39c55e rgb(57,197,94)
```

Shade Color Variation

#48ca6a
```
#48ca6a rgb(72,202,106)
```
#57ce76
```
#57ce76 rgb(87,206,118)
```
#66d383
```
#66d383 rgb(102,211,131)
```
#76d78f
```
#76d78f rgb(118,215,143)
```
#85dc9c
```
#85dc9c rgb(133,220,156)
```
#94e0a8
```
#94e0a8 rgb(148,224,168)
```
#a3e4b4
```
#a3e4b4 rgb(163,228,180)
```
#b2e9c1
```
#b2e9c1 rgb(178,233,193)
```
#c2edcd
```
#c2edcd rgb(194,237,205)
```
#d1f2d9
```
#d1f2d9 rgb(209,242,217)
```
#e0f6e6
```
#e0f6e6 rgb(224,246,230)
```
#effaf2
```
#effaf2 rgb(239,250,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#888a88
```
#888a88 rgb(136,138,136)
```
#7e9484
```
#7e9484 rgb(126,148,132)
```
#759d80
```
#759d80 rgb(117,157,128)
```
#6ca67b
```
#6ca67b rgb(108,166,123)
```
#63af77
```
#63af77 rgb(99,175,119)
```
#5ab873
```
#5ab873 rgb(90,184,115)
```
#51c16e
```
#51c16e rgb(81,193,110)
```
#48ca6a
```
#48ca6a rgb(72,202,106)
```
#3fd366
```
#3fd366 rgb(63,211,102)
```
#36dc61
```
#36dc61 rgb(54,220,97)
```
#2de55d
```
#2de55d rgb(45,229,93)
```
#24ee59
```
#24ee59 rgb(36,238,89)
```
#1bf754
```
#1bf754 rgb(27,247,84)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#88a28f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b669 Protanopia 1% of men
#d9ae7c Deuteranopia 1% of men
#72c1d0 Tritanopia 0.001% of the population

Trichromacy

#99bd69 Protanomaly 1% of men, 0.01% of women
#a4b875 Deuteranomaly 6% of men, 0.4% of women
#63c4aa Tritanomaly 0.01% of the population

#48ca6a hex color

#48ca6a Color Information

#48ca6a Color Conversion

Color Schemes with #48ca6a

Alternatives to #48ca6a

#48ca6a Preview

Shades and Tints of #48ca6a

Tones of #48ca6a

Color Blindness Simulator