colorhexa.com

#12ff22 hex color

In a RGB color space, hex #12ff22 is composed of 7.1% red, 100% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 0% magenta, 86.7% yellow and 0% black. It has a hue angle of 124.1 degrees, a saturation of 100% and a lightness of 53.5%. #12ff22 color hex could be obtained by blending #24ff44 with #00ff00. Closest websafe color is: #00ff33.

- R 7
- G 100
- B 13
RGB color chart
- C 93
- M 0
- Y 87
- K 0
CMYK color chart

● #12ff22 color description : Vivid lime green.

The hexadecimal color #12ff22 has RGB values of R:18, G:255, B:34 and CMYK values of C:0.93, M:0, Y:0.87, K:0. Its decimal value is 1244962.

Hex triplet	12ff22	`#12ff22`
RGB Decimal	18, 255, 34	`rgb(18,255,34)`
RGB Percent	7.1, 100, 13.3	`rgb(7.1%,100%,13.3%)`
CMYK	93, 0, 87, 0
HSL	124.1°, 100, 53.5	`hsl(124.1,100%,53.5%)`
HSV (or HSB)	124.1°, 92.9, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	87.853, -84.889, 79.448
XYZ	36.296, 71.76, 13.451
xyY	0.299, 0.591, 71.76
CIE-LCH	87.853, 116.268, 136.897
CIE-LUV	87.853, -82.146, 104.819
Hunter-Lab	84.711, -71.763, 49.883
Binary	00010010, 11111111, 00100010

#12ff22
```
#12ff22 rgb(18,255,34)
```
#ff12ef
```
#ff12ef rgb(255,18,239)
```

Complementary Color

#79ff12
```
#79ff12 rgb(121,255,18)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#12ff99
```
#12ff99 rgb(18,255,153)
```

Analogous Color

#ff1279
```
#ff1279 rgb(255,18,121)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#9912ff
```
#9912ff rgb(153,18,255)
```

Split Complementary Color

#ff2212
```
#ff2212 rgb(255,34,18)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#2212ff
```
#2212ff rgb(34,18,255)
```

Triadic Color

#efff12
```
#efff12 rgb(239,255,18)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#2212ff
```
#2212ff rgb(34,18,255)
```
#ff12ef
```
#ff12ef rgb(255,18,239)
```

Tetradic Color

#00c50d
```
#00c50d rgb(0,197,13)
```
#00de0f
```
#00de0f rgb(0,222,15)
```
#00f811
```
#00f811 rgb(0,248,17)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#2cff3a
```
#2cff3a rgb(44,255,58)
```
#45ff52
```
#45ff52 rgb(69,255,82)
```
#5fff69
```
#5fff69 rgb(95,255,105)
```

Monochromatic Color

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

#3dff12
```
#3dff12 rgb(61,255,18)
```
#2aff12
```
#2aff12 rgb(42,255,18)
```
#16ff12
```
#16ff12 rgb(22,255,18)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```
#12ff36
```
#12ff36 rgb(18,255,54)
```
#12ff49
```
#12ff49 rgb(18,255,73)
```
#12ff5d
```
#12ff5d rgb(18,255,93)
```

Similar Colors

Text with hexadecimal color #12ff22

This text has a font color of #12ff22.

<span style="color:#12ff22;">Text here</span>

#12ff22 background color

This paragraph has a background color of #12ff22.

<p style="background-color:#12ff22;">Content here</p>

#12ff22 border color

This element has a border color of #12ff22.

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

CSS codes

.text {color:#12ff22;}

.background {background-color:#12ff22;}

.border {border:1px solid #12ff22;}

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

#001201
```
#001201 rgb(0,18,1)
```
#002603
```
#002603 rgb(0,38,3)
```
#003904
```
#003904 rgb(0,57,4)
```
#004d05
```
#004d05 rgb(0,77,5)
```
#006007
```
#006007 rgb(0,96,7)
```
#007408
```
#007408 rgb(0,116,8)
```
#008809
```
#008809 rgb(0,136,9)
```
#009b0a
```
#009b0a rgb(0,155,10)
```
#00af0c
```
#00af0c rgb(0,175,12)
```
#00c30d
```
#00c30d rgb(0,195,13)
```
#00d60e
```
#00d60e rgb(0,214,14)
```
#00ea10
```
#00ea10 rgb(0,234,16)
```
#00fd11
```
#00fd11 rgb(0,253,17)
```

Shade Color Variation

#12ff22
```
#12ff22 rgb(18,255,34)
```
#26ff34
```
#26ff34 rgb(38,255,52)
```
#39ff47
```
#39ff47 rgb(57,255,71)
```
#4dff59
```
#4dff59 rgb(77,255,89)
```
#60ff6b
```
#60ff6b rgb(96,255,107)
```
#74ff7d
```
#74ff7d rgb(116,255,125)
```
#88ff90
```
#88ff90 rgb(136,255,144)
```
#9bffa2
```
#9bffa2 rgb(155,255,162)
```
#afffb4
```
#afffb4 rgb(175,255,180)
```
#c3ffc7
```
#c3ffc7 rgb(195,255,199)
```
#d6ffd9
```
#d6ffd9 rgb(214,255,217)
```
#eaffeb
```
#eaffeb rgb(234,255,235)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#7f9281
```
#7f9281 rgb(127,146,129)
```
#769b79
```
#769b79 rgb(118,155,121)
```
#6da471
```
#6da471 rgb(109,164,113)
```
#64ad69
```
#64ad69 rgb(100,173,105)
```
#5bb661
```
#5bb661 rgb(91,182,97)
```
#52bf59
```
#52bf59 rgb(82,191,89)
```
#49c851
```
#49c851 rgb(73,200,81)
```
#40d149
```
#40d149 rgb(64,209,73)
```
#36db42
```
#36db42 rgb(54,219,66)
```
#2de43a
```
#2de43a rgb(45,228,58)
```
#24ed32
```
#24ed32 rgb(36,237,50)
```
#1bf62a
```
#1bf62a rgb(27,246,42)
```
#12ff22
```
#12ff22 rgb(18,255,34)
```

Tone Color Variation

Below, you can see how #12ff22 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

#9f9f9f Achromatopsia 0.005% of the population
#83b286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9de23 Protanopia 1% of men
#ffd8a1 Deuteranopia 1% of men
#7fedff Tritanopia 0.001% of the population

Trichromacy

#a5ea22 Protanomaly 1% of men, 0.01% of women
#a8e673 Deuteranomaly 6% of men, 0.4% of women
#57f4ae Tritanomaly 0.01% of the population