colorhexa.com

#48c316 hex color

In a RGB color space, hex #48c316 is composed of 28.2% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 88.7% yellow and 23.5% black. It has a hue angle of 102.7 degrees, a saturation of 79.7% and a lightness of 42.5%. #48c316 color hex could be obtained by blending #90ff2c with #008700. Closest websafe color is: #33cc00.

- R 28
- G 76
- B 9
RGB color chart
- C 63
- M 0
- Y 89
- K 24
CMYK color chart

● #48c316 color description : Strong green.

The hexadecimal color #48c316 has RGB values of R:72, G:195, B:22 and CMYK values of C:0.63, M:0, Y:0.89, K:0.24. Its decimal value is 4768534.

Hex triplet	48c316	`#48c316`
RGB Decimal	72, 195, 22	`rgb(72,195,22)`
RGB Percent	28.2, 76.5, 8.6	`rgb(28.2%,76.5%,8.6%)`
CMYK	63, 0, 89, 24
HSL	102.7°, 79.7, 42.5	`hsl(102.7,79.7%,42.5%)`
HSV (or HSB)	102.7°, 88.7, 76.5
Web Safe	33cc00	`#33cc00`

CIE-LAB	69.799, -61.293, 66.338
XYZ	22.331, 40.464, 7.392
xyY	0.318, 0.577, 40.464
CIE-LCH	69.799, 90.319, 132.736
CIE-LUV	69.799, -55.101, 82.273
Hunter-Lab	63.611, -48.655, 37.638
Binary	01001000, 11000011, 00010110

#48c316
```
#48c316 rgb(72,195,22)
```
#9116c3
```
#9116c3 rgb(145,22,195)
```

Complementary Color

#9fc316
```
#9fc316 rgb(159,195,22)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#16c33b
```
#16c33b rgb(22,195,59)
```

Analogous Color

#c3169f
```
#c3169f rgb(195,22,159)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#3b16c3
```
#3b16c3 rgb(59,22,195)
```

Split Complementary Color

#c31648
```
#c31648 rgb(195,22,72)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#1648c3
```
#1648c3 rgb(22,72,195)
```

Triadic Color

#c39116
```
#c39116 rgb(195,145,22)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#1648c3
```
#1648c3 rgb(22,72,195)
```
#9116c3
```
#9116c3 rgb(145,22,195)
```

Tetradic Color

#2f7e0e
```
#2f7e0e rgb(47,126,14)
```
#379511
```
#379511 rgb(55,149,17)
```
#40ac13
```
#40ac13 rgb(64,172,19)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#50da19
```
#50da19 rgb(80,218,25)
```
#5de626
```
#5de626 rgb(93,230,38)
```
#6ee93c
```
#6ee93c rgb(110,233,60)
```

Monochromatic Color

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

#73c316
```
#73c316 rgb(115,195,22)
```
#65c316
```
#65c316 rgb(101,195,22)
```
#56c316
```
#56c316 rgb(86,195,22)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#3ac316
```
#3ac316 rgb(58,195,22)
```
#2bc316
```
#2bc316 rgb(43,195,22)
```
#1dc316
```
#1dc316 rgb(29,195,22)
```

Similar Colors

Text with hexadecimal color #48c316

This text has a font color of #48c316.

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

#48c316 background color

This paragraph has a background color of #48c316.

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

#48c316 border color

This element has a border color of #48c316.

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

CSS codes

.text {color:#48c316;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#071302
```
#071302 rgb(7,19,2)
```
#0d2404
```
#0d2404 rgb(13,36,4)
```
#143606
```
#143606 rgb(20,54,6)
```
#1a4808
```
#1a4808 rgb(26,72,8)
```
#21590a
```
#21590a rgb(33,89,10)
```
#276b0c
```
#276b0c rgb(39,107,12)
```
#2e7c0e
```
#2e7c0e rgb(46,124,14)
```
#348e10
```
#348e10 rgb(52,142,16)
```
#3ba012
```
#3ba012 rgb(59,160,18)
```
#41b114
```
#41b114 rgb(65,177,20)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#4fd518
```
#4fd518 rgb(79,213,24)
```

Shade Color Variation

#55e51b
```
#55e51b rgb(85,229,27)
```
#63e72d
```
#63e72d rgb(99,231,45)
```
#70e93e
```
#70e93e rgb(112,233,62)
```
#7deb50
```
#7deb50 rgb(125,235,80)
```
#8aed61
```
#8aed61 rgb(138,237,97)
```
#97ef73
```
#97ef73 rgb(151,239,115)
```
#a4f185
```
#a4f185 rgb(164,241,133)
```
#b1f396
```
#b1f396 rgb(177,243,150)
```
#bef5a8
```
#bef5a8 rgb(190,245,168)
```
#cbf7ba
```
#cbf7ba rgb(203,247,186)
```
#d9f9cb
```
#d9f9cb rgb(217,249,203)
```
#e6fbdd
```
#e6fbdd rgb(230,251,221)
```
#f3fdee
```
#f3fdee rgb(243,253,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7069 is the less saturated color, while #41d405 is the most saturated one.

#6b7069
```
#6b7069 rgb(107,112,105)
```
#687861
```
#687861 rgb(104,120,97)
```
#648059
```
#648059 rgb(100,128,89)
```
#618950
```
#618950 rgb(97,137,80)
```
#5d9148
```
#5d9148 rgb(93,145,72)
```
#5a9940
```
#5a9940 rgb(90,153,64)
```
#56a237
```
#56a237 rgb(86,162,55)
```
#53aa2f
```
#53aa2f rgb(83,170,47)
```
#4fb227
```
#4fb227 rgb(79,178,39)
```
#4cbb1e
```
#4cbb1e rgb(76,187,30)
```
#48c316
```
#48c316 rgb(72,195,22)
```
#44cb0e
```
#44cb0e rgb(68,203,14)
```
#41d405
```
#41d405 rgb(65,212,5)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e9674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af1a Protanopia 1% of men
#d9a639 Deuteranopia 1% of men
#76b9c6 Tritanopia 0.001% of the population

Trichromacy

#97b618 Protanomaly 1% of men, 0.01% of women
#a4b02c Deuteranomaly 6% of men, 0.4% of women
#65bc86 Tritanomaly 0.01% of the population