#20b312 hex color

In a RGB color space, hex #20b312 is composed of 12.5% red, 70.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 0% magenta, 89.9% yellow and 29.8% black. It has a hue angle of 114.8 degrees, a saturation of 81.7% and a lightness of 38.6%. #20b312 color hex could be obtained by blending #40ff24 with #006700. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 13
- G 70
- B 7
RGB color chart
- C 82
- M 0
- Y 90
- K 30
CMYK color chart

● #20b312 color description : Strong lime green.

The hexadecimal color #20b312 has RGB values of R:32, G:179, B:18 and CMYK values of C:0.82, M:0, Y:0.9, K:0.3. Its decimal value is 2142994.

Hex triplet	20b312	`#20b312`
RGB Decimal	32, 179, 18	`rgb(32,179,18)`
RGB Percent	12.5, 70.2, 7.1	`rgb(12.5%,70.2%,7.1%)`
CMYK	82, 0, 90, 30
HSL	114.8°, 81.7, 38.6	`hsl(114.8,81.7%,38.6%)`
HSV (or HSB)	114.8°, 89.9, 70.2
Web Safe	33cc00	`#33cc00`

CIE-LAB	63.827, -63.344, 61.627
XYZ	16.824, 32.589, 5.976
xyY	0.304, 0.588, 32.589
CIE-LCH	63.827, 88.376, 135.787
CIE-LUV	63.827, -57.511, 76.205
Hunter-Lab	57.087, -47.297, 33.754
Binary	00100000, 10110011, 00010010

#20b312
```
#20b312 rgb(32,179,18)
```
#a512b3
```
#a512b3 rgb(165,18,179)
```

Complementary Color

#71b312
```
#71b312 rgb(113,179,18)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#12b354
```
#12b354 rgb(18,179,84)
```

Analogous Color

#b31271
```
#b31271 rgb(179,18,113)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#5412b3
```
#5412b3 rgb(84,18,179)
```

Split Complementary Color

#b31220
```
#b31220 rgb(179,18,32)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#1220b3
```
#1220b3 rgb(18,32,179)
```

Triadic Color

#b3a512
```
#b3a512 rgb(179,165,18)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#1220b3
```
#1220b3 rgb(18,32,179)
```
#a512b3
```
#a512b3 rgb(165,18,179)
```

Tetradic Color

#146d0b
```
#146d0b rgb(20,109,11)
```
#18850d
```
#18850d rgb(24,133,13)
```
#1c9c10
```
#1c9c10 rgb(28,156,16)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#24ca14
```
#24ca14 rgb(36,202,20)
```
#28e117
```
#28e117 rgb(40,225,23)
```
#39e928
```
#39e928 rgb(57,233,40)
```

Monochromatic Color

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

#48b312
```
#48b312 rgb(72,179,18)
```
#3bb312
```
#3bb312 rgb(59,179,18)
```
#2db312
```
#2db312 rgb(45,179,18)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#13b312
```
#13b312 rgb(19,179,18)
```
#12b31f
```
#12b31f rgb(18,179,31)
```
#12b32c
```
#12b32c rgb(18,179,44)
```

Similar Colors

Text with hexadecimal color #20b312

This text has a font color of #20b312.

<span style="color:#20b312;">Text here</span>

#20b312 background color

This paragraph has a background color of #20b312.

<p style="background-color:#20b312;">Content here</p>

#20b312 border color

This element has a border color of #20b312.

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

CSS codes

.text {color:#20b312;}

.background {background-color:#20b312;}

.border {border:1px solid #20b312;}

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 #effdee is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#031302
```
#031302 rgb(3,19,2)
```
#072404
```
#072404 rgb(7,36,4)
```
#0a3605
```
#0a3605 rgb(10,54,5)
```
#0d4807
```
#0d4807 rgb(13,72,7)
```
#105a09
```
#105a09 rgb(16,90,9)
```
#136c0b
```
#136c0b rgb(19,108,11)
```
#167e0d
```
#167e0d rgb(22,126,13)
```
#1a8f0e
```
#1a8f0e rgb(26,143,14)
```
#1da110
```
#1da110 rgb(29,161,16)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#23c514
```
#23c514 rgb(35,197,20)
```
#26d716
```
#26d716 rgb(38,215,22)
```

Shade Color Variation

#2ae818
```
#2ae818 rgb(42,232,24)
```
#3bea2a
```
#3bea2a rgb(59,234,42)
```
#4beb3c
```
#4beb3c rgb(75,235,60)
```
#5bed4e
```
#5bed4e rgb(91,237,78)
```
#6cef5f
```
#6cef5f rgb(108,239,95)
```
#7cf171
```
#7cf171 rgb(124,241,113)
```
#8df383
```
#8df383 rgb(141,243,131)
```
#9df495
```
#9df495 rgb(157,244,149)
```
#aef6a7
```
#aef6a7 rgb(174,246,167)
```
#bef8b8
```
#bef8b8 rgb(190,248,184)
```
#cefaca
```
#cefaca rgb(206,250,202)
```
#dffbdc
```
#dffbdc rgb(223,251,220)
```
#effdee
```
#effdee rgb(239,253,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f675e is the less saturated color, while #13c203 is the most saturated one.

#5f675e
```
#5f675e rgb(95,103,94)
```
#586f56
```
#586f56 rgb(88,111,86)
```
#52764f
```
#52764f rgb(82,118,79)
```
#4c7e47
```
#4c7e47 rgb(76,126,71)
```
#46863f
```
#46863f rgb(70,134,63)
```
#3f8d38
```
#3f8d38 rgb(63,141,56)
```
#399530
```
#399530 rgb(57,149,48)
```
#339c29
```
#339c29 rgb(51,156,41)
```
#2da421
```
#2da421 rgb(45,164,33)
```
#26ab1a
```
#26ab1a rgb(38,171,26)
```
#20b312
```
#20b312 rgb(32,179,18)
```
#1abb0a
```
#1abb0a rgb(26,187,10)
```
#13c203
```
#13c203 rgb(19,194,3)
```

Tone Color Variation

Below, you can see how #20b312 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

#757575 Achromatopsia 0.005% of the population
#648161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a016 Protanopia 1% of men
#c69835 Deuteranopia 1% of men
#5eaab7 Tritanopia 0.001% of the population

Trichromacy

#7da714 Protanomaly 1% of men, 0.01% of women
#89a228 Deuteranomaly 6% of men, 0.4% of women
#47ad7b Tritanomaly 0.01% of the population

#20b312 hex color

#20b312 Color Information

#20b312 Color Conversion

Color Schemes with #20b312

Alternatives to #20b312

#20b312 Preview

Shades and Tints of #20b312

Tones of #20b312

Color Blindness Simulator