colorhexa.com

#48f402 hex color

In a RGB color space, hex #48f402 is composed of 28.2% red, 95.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 99.2% yellow and 4.3% black. It has a hue angle of 102.6 degrees, a saturation of 98.4% and a lightness of 48.2%. #48f402 color hex could be obtained by blending #90ff04 with #00e900. Closest websafe color is: #33ff00.

- R 28
- G 96
- B 1
RGB color chart
- C 70
- M 0
- Y 99
- K 4
CMYK color chart

● #48f402 color description : Vivid green.

The hexadecimal color #48f402 has RGB values of R:72, G:244, B:2 and CMYK values of C:0.7, M:0, Y:0.99, K:0.04. Its decimal value is 4781058.

Hex triplet	48f402	`#48f402`
RGB Decimal	72, 244, 2	`rgb(72,244,2)`
RGB Percent	28.2, 95.7, 0.8	`rgb(28.2%,95.7%,0.8%)`
CMYK	70, 0, 99, 4
HSL	102.6°, 98.4, 48.2	`hsl(102.6,98.4%,48.2%)`
HSV (or HSB)	102.6°, 99.2, 95.7
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.037, -77.012, 81.15
XYZ	35.032, 66.08, 10.966
xyY	0.313, 0.59, 66.08
CIE-LCH	85.037, 111.876, 133.501
CIE-LUV	85.037, -72.446, 103.01
Hunter-Lab	81.29, -65.331, 48.905
Binary	01001000, 11110100, 00000010

#48f402
```
#48f402 rgb(72,244,2)
```
#ae02f4
```
#ae02f4 rgb(174,2,244)
```

Complementary Color

#c1f402
```
#c1f402 rgb(193,244,2)
```
#48f402
```
#48f402 rgb(72,244,2)
```
#02f435
```
#02f435 rgb(2,244,53)
```

Analogous Color

#f402c1
```
#f402c1 rgb(244,2,193)
```
#48f402
```
#48f402 rgb(72,244,2)
```
#3502f4
```
#3502f4 rgb(53,2,244)
```

Split Complementary Color

#32a801
```
#32a801 rgb(50,168,1)
```
#39c102
```
#39c102 rgb(57,193,2)
```
#41db02
```
#41db02 rgb(65,219,2)
```
#48f402
```
#48f402 rgb(72,244,2)
```
#56fd12
```
#56fd12 rgb(86,253,18)
```
#68fd2c
```
#68fd2c rgb(104,253,44)
```
#7afd45
```
#7afd45 rgb(122,253,69)
```

Monochromatic Color

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

#85f402
```
#85f402 rgb(133,244,2)
```
#70f402
```
#70f402 rgb(112,244,2)
```
#5cf402
```
#5cf402 rgb(92,244,2)
```
#48f402
```
#48f402 rgb(72,244,2)
```
#34f402
```
#34f402 rgb(52,244,2)
```
#20f402
```
#20f402 rgb(32,244,2)
```
#0cf402
```
#0cf402 rgb(12,244,2)
```

Similar Colors

Text with hexadecimal color #48f402

This text has a font color of #48f402.

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

#48f402 background color

This paragraph has a background color of #48f402.

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

#48f402 border color

This element has a border color of #48f402.

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

CSS codes

.text {color:#48f402;}

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

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

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)
```
#0f3100
```
#0f3100 rgb(15,49,0)
```
#144501
```
#144501 rgb(20,69,1)
```
#1a5801
```
#1a5801 rgb(26,88,1)
```
#206c01
```
#206c01 rgb(32,108,1)
```
#267f01
```
#267f01 rgb(38,127,1)
```
#2b9301
```
#2b9301 rgb(43,147,1)
```
#31a601
```
#31a601 rgb(49,166,1)
```
#37ba02
```
#37ba02 rgb(55,186,2)
```
#3dcd02
```
#3dcd02 rgb(61,205,2)
```
#42e102
```
#42e102 rgb(66,225,2)
```
#48f402
```
#48f402 rgb(72,244,2)
```

Shade Color Variation

#52fd0d
```
#52fd0d rgb(82,253,13)
```
#60fd20
```
#60fd20 rgb(96,253,32)
```
#6efd34
```
#6efd34 rgb(110,253,52)
```
#7cfd47
```
#7cfd47 rgb(124,253,71)
```
#8afe5a
```
#8afe5a rgb(138,254,90)
```
#98fe6e
```
#98fe6e rgb(152,254,110)
```
#a5fe81
```
#a5fe81 rgb(165,254,129)
```
#b3fe95
```
#b3fe95 rgb(179,254,149)
```
#c1fea8
```
#c1fea8 rgb(193,254,168)
```
#cffebc
```
#cffebc rgb(207,254,188)
```
#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, #788274 is the less saturated color, while #48f402 is the most saturated one.

#788274
```
#788274 rgb(120,130,116)
```
#748c6a
```
#748c6a rgb(116,140,106)
```
#709561
```
#709561 rgb(112,149,97)
```
#6c9f57
```
#6c9f57 rgb(108,159,87)
```
#68a84e
```
#68a84e rgb(104,168,78)
```
#64b244
```
#64b244 rgb(100,178,68)
```
#60bb3b
```
#60bb3b rgb(96,187,59)
```
#5cc531
```
#5cc531 rgb(92,197,49)
```
#58ce28
```
#58ce28 rgb(88,206,40)
```
#54d81e
```
#54d81e rgb(84,216,30)
```
#50e115
```
#50e115 rgb(80,225,21)
```
#4ceb0b
```
#4ceb0b rgb(76,235,11)
```
#48f402
```
#48f402 rgb(72,244,2)
```

Tone Color Variation

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

#f0d700 Protanopia 1% of men
#ffcf80 Deuteranopia 1% of men
#88e4f4 Tritanopia 0.001% of the population

Trichromacy

#b3e100 Protanomaly 1% of men, 0.01% of women
#bcdc52 Deuteranomaly 6% of men, 0.4% of women
#71e99c Tritanomaly 0.01% of the population