#48e312 hex color

In a RGB color space, hex #48e312 is composed of 28.2% red, 89% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 0% magenta, 92.1% yellow and 11% black. It has a hue angle of 104.5 degrees, a saturation of 85.3% and a lightness of 48%. #48e312 color hex could be obtained by blending #90ff24 with #00c700. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 28
- G 89
- B 7
RGB color chart
- C 68
- M 0
- Y 92
- K 11
CMYK color chart

● #48e312 color description : Vivid green.

The hexadecimal color #48e312 has RGB values of R:72, G:227, B:18 and CMYK values of C:0.68, M:0, Y:0.92, K:0.11. Its decimal value is 4776722.

Hex triplet	48e312	`#48e312`
RGB Decimal	72, 227, 18	`rgb(72,227,18)`
RGB Percent	28.2, 89, 7.1	`rgb(28.2%,89%,7.1%)`
CMYK	68, 0, 92, 11
HSL	104.5°, 85.3, 48	`hsl(104.5,85.3%,48%)`
HSV (or HSB)	104.5°, 92.1, 89
Web Safe	33cc00	`#33cc00`

CIE-LAB	79.816, -71.629, 75.401
XYZ	30.249, 56.357, 9.856
xyY	0.314, 0.584, 56.357
CIE-LCH	79.816, 104, 133.531
CIE-LUV	79.816, -66.58, 95.474
Hunter-Lab	75.071, -59.449, 44.766
Binary	01001000, 11100011, 00010010

#48e312
```
#48e312 rgb(72,227,18)
```
#ad12e3
```
#ad12e3 rgb(173,18,227)
```

Complementary Color

#b1e312
```
#b1e312 rgb(177,227,18)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#12e344
```
#12e344 rgb(18,227,68)
```

Analogous Color

#e312b1
```
#e312b1 rgb(227,18,177)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#4412e3
```
#4412e3 rgb(68,18,227)
```

Split Complementary Color

#e31248
```
#e31248 rgb(227,18,72)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#1248e3
```
#1248e3 rgb(18,72,227)
```

Triadic Color

#e3ad12
```
#e3ad12 rgb(227,173,18)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#1248e3
```
#1248e3 rgb(18,72,227)
```
#ad12e3
```
#ad12e3 rgb(173,18,227)
```

Tetradic Color

#329c0c
```
#329c0c rgb(50,156,12)
```
#39b40e
```
#39b40e rgb(57,180,14)
```
#41cb10
```
#41cb10 rgb(65,203,16)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#56ed21
```
#56ed21 rgb(86,237,33)
```
#68ef39
```
#68ef39 rgb(104,239,57)
```
#7af150
```
#7af150 rgb(122,241,80)
```

Monochromatic Color

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

#7ce312
```
#7ce312 rgb(124,227,18)
```
#6be312
```
#6be312 rgb(107,227,18)
```
#59e312
```
#59e312 rgb(89,227,18)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#37e312
```
#37e312 rgb(55,227,18)
```
#25e312
```
#25e312 rgb(37,227,18)
```
#14e312
```
#14e312 rgb(20,227,18)
```

Similar Colors

Text with hexadecimal color #48e312

This text has a font color of #48e312.

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

#48e312 background color

This paragraph has a background color of #48e312.

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

#48e312 border color

This element has a border color of #48e312.

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

CSS codes

.text {color:#48e312;}

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

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

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

#030901
```
#030901 rgb(3,9,1)
```
#091b02
```
#091b02 rgb(9,27,2)
```
#0e2d04
```
#0e2d04 rgb(14,45,4)
```
#143f05
```
#143f05 rgb(20,63,5)
```
#1a5206
```
#1a5206 rgb(26,82,6)
```
#206408
```
#206408 rgb(32,100,8)
```
#257609
```
#257609 rgb(37,118,9)
```
#2b880b
```
#2b880b rgb(43,136,11)
```
#319a0c
```
#319a0c rgb(49,154,12)
```
#37ac0e
```
#37ac0e rgb(55,172,14)
```
#3cbf0f
```
#3cbf0f rgb(60,191,15)
```
#42d111
```
#42d111 rgb(66,209,17)
```
#48e312
```
#48e312 rgb(72,227,18)
```

Shade Color Variation

#52ed1c
```
#52ed1c rgb(82,237,28)
```
#60ee2e
```
#60ee2e rgb(96,238,46)
```
#6df040
```
#6df040 rgb(109,240,64)
```
#7bf152
```
#7bf152 rgb(123,241,82)
```
#89f364
```
#89f364 rgb(137,243,100)
```
#97f477
```
#97f477 rgb(151,244,119)
```
#a5f689
```
#a5f689 rgb(165,246,137)
```
#b3f79b
```
#b3f79b rgb(179,247,155)
```
#c1f9ad
```
#c1f9ad rgb(193,249,173)
```
#cefabf
```
#cefabf rgb(206,250,191)
```
#dcfbd1
```
#dcfbd1 rgb(220,251,209)
```
#eafde4
```
#eafde4 rgb(234,253,228)
```
#f8fef6
```
#f8fef6 rgb(248,254,246)
```

Tint Color Variation

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

#7a7b7a
```
#7a7b7a rgb(122,123,122)
```
#768570
```
#768570 rgb(118,133,112)
```
#718e67
```
#718e67 rgb(113,142,103)
```
#6c985d
```
#6c985d rgb(108,152,93)
```
#68a154
```
#68a154 rgb(104,161,84)
```
#63aa4b
```
#63aa4b rgb(99,170,75)
```
#5fb441
```
#5fb441 rgb(95,180,65)
```
#5abd38
```
#5abd38 rgb(90,189,56)
```
#56c72e
```
#56c72e rgb(86,199,46)
```
#51d025
```
#51d025 rgb(81,208,37)
```
#4dda1b
```
#4dda1b rgb(77,218,27)
```
#48e312
```
#48e312 rgb(72,227,18)
```
#43ec09
```
#43ec09 rgb(67,236,9)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8cab81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c911 Protanopia 1% of men
#f9bf3e Deuteranopia 1% of men
#82d5e4 Tritanopia 0.001% of the population

Trichromacy

#a9d211 Protanomaly 1% of men, 0.01% of women
#b9cc2e Deuteranomaly 6% of men, 0.4% of women
#6dda98 Tritanomaly 0.01% of the population

#48e312 hex color

#48e312 Color Information

#48e312 Color Conversion

Color Schemes with #48e312

Alternatives to #48e312

#48e312 Preview

Shades and Tints of #48e312

Tones of #48e312

Color Blindness Simulator