colorhexa.com

#48f501 hex color

In a RGB color space, hex #48f501 is composed of 28.2% red, 96.1% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 102.5 degrees, a saturation of 99.2% and a lightness of 48.2%. #48f501 color hex could be obtained by blending #90ff02 with #00eb00. Closest websafe color is: #33ff00.

- R 28
- G 96
- B 0
RGB color chart
- C 71
- M 0
- Y 100
- K 4
CMYK color chart

● #48f501 color description : Vivid green.

The hexadecimal color #48f501 has RGB values of R:72, G:245, B:1 and CMYK values of C:0.71, M:0, Y:1, K:0.04. Its decimal value is 4781313.

Hex triplet	48f501	`#48f501`
RGB Decimal	72, 245, 1	`rgb(72,245,1)`
RGB Percent	28.2, 96.1, 0.4	`rgb(28.2%,96.1%,0.4%)`
CMYK	71, 0, 100, 4
HSL	102.5°, 99.2, 48.2	`hsl(102.5,99.2%,48.2%)`
HSV (or HSB)	102.5°, 99.6, 96.1
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.343, -77.322, 81.475
XYZ	35.329, 66.681, 11.038
xyY	0.313, 0.59, 66.681
CIE-LCH	85.343, 112.324, 133.502
CIE-LUV	85.343, -72.785, 103.442
Hunter-Lab	81.659, -65.677, 49.147
Binary	01001000, 11110101, 00000001

#48f501
```
#48f501 rgb(72,245,1)
```
#ae01f5
```
#ae01f5 rgb(174,1,245)
```

Complementary Color

#c2f501
```
#c2f501 rgb(194,245,1)
```
#48f501
```
#48f501 rgb(72,245,1)
```
#01f534
```
#01f534 rgb(1,245,52)
```

Analogous Color

#f501c2
```
#f501c2 rgb(245,1,194)
```
#48f501
```
#48f501 rgb(72,245,1)
```
#3401f5
```
#3401f5 rgb(52,1,245)
```

Split Complementary Color

#32a901
```
#32a901 rgb(50,169,1)
```
#39c201
```
#39c201 rgb(57,194,1)
```
#41dc01
```
#41dc01 rgb(65,220,1)
```
#48f501
```
#48f501 rgb(72,245,1)
```
#56fe11
```
#56fe11 rgb(86,254,17)
```
#68fe2b
```
#68fe2b rgb(104,254,43)
```
#7afe44
```
#7afe44 rgb(122,254,68)
```

Monochromatic Color

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

#85f501
```
#85f501 rgb(133,245,1)
```
#71f501
```
#71f501 rgb(113,245,1)
```
#5cf501
```
#5cf501 rgb(92,245,1)
```
#48f501
```
#48f501 rgb(72,245,1)
```
#34f501
```
#34f501 rgb(52,245,1)
```
#1ff501
```
#1ff501 rgb(31,245,1)
```
#0bf501
```
#0bf501 rgb(11,245,1)
```

Similar Colors

Text with hexadecimal color #48f501

This text has a font color of #48f501.

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

#48f501 background color

This paragraph has a background color of #48f501.

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

#48f501 border color

This element has a border color of #48f501.

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

CSS codes

.text {color:#48f501;}

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

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

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, #030b00 is the darkest color, while #f9fff6 is the lightest one.

#030b00
```
#030b00 rgb(3,11,0)
```
#091e00
```
#091e00 rgb(9,30,0)
```
#0f3200
```
#0f3200 rgb(15,50,0)
```
#144500
```
#144500 rgb(20,69,0)
```
#1a5900
```
#1a5900 rgb(26,89,0)
```
#206c00
```
#206c00 rgb(32,108,0)
```
#268001
```
#268001 rgb(38,128,1)
```
#2b9301
```
#2b9301 rgb(43,147,1)
```
#31a701
```
#31a701 rgb(49,167,1)
```
#37ba01
```
#37ba01 rgb(55,186,1)
```
#3dce01
```
#3dce01 rgb(61,206,1)
```
#42e101
```
#42e101 rgb(66,225,1)
```
#48f501
```
#48f501 rgb(72,245,1)
```

Shade Color Variation

#52fe0c
```
#52fe0c rgb(82,254,12)
```
#60fe1f
```
#60fe1f rgb(96,254,31)
```
#6efe33
```
#6efe33 rgb(110,254,51)
```
#7cfe46
```
#7cfe46 rgb(124,254,70)
```
#8afe5a
```
#8afe5a rgb(138,254,90)
```
#98fe6d
```
#98fe6d rgb(152,254,109)
```
#a5fe81
```
#a5fe81 rgb(165,254,129)
```
#b3ff94
```
#b3ff94 rgb(179,255,148)
```
#c1ffa8
```
#c1ffa8 rgb(193,255,168)
```
#cfffbb
```
#cfffbb rgb(207,255,187)
```
#ddffcf
```
#ddffcf rgb(221,255,207)
```
#ebffe3
```
#ebffe3 rgb(235,255,227)
```
#f9fff6
```
#f9fff6 rgb(249,255,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778373 is the less saturated color, while #48f501 is the most saturated one.

#778373
```
#778373 rgb(119,131,115)
```
#748d69
```
#748d69 rgb(116,141,105)
```
#709660
```
#709660 rgb(112,150,96)
```
#6ca056
```
#6ca056 rgb(108,160,86)
```
#68a94d
```
#68a94d rgb(104,169,77)
```
#64b343
```
#64b343 rgb(100,179,67)
```
#60bc3a
```
#60bc3a rgb(96,188,58)
```
#5cc630
```
#5cc630 rgb(92,198,48)
```
#58cf27
```
#58cf27 rgb(88,207,39)
```
#54d91d
```
#54d91d rgb(84,217,29)
```
#50e214
```
#50e214 rgb(80,226,20)
```
#4cec0a
```
#4cec0a rgb(76,236,10)
```
#48f501
```
#48f501 rgb(72,245,1)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#92b584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d700 Protanopia 1% of men
#ffd084 Deuteranopia 1% of men
#89e5f5 Tritanopia 0.001% of the population

Trichromacy

#b4e200 Protanomaly 1% of men, 0.01% of women
#bcdd54 Deuteranomaly 6% of men, 0.4% of women
#71ea9c Tritanomaly 0.01% of the population