#12f522 hex color

In a RGB color space, hex #12f522 is composed of 7.1% red, 96.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 124.2 degrees, a saturation of 91.9% and a lightness of 51.6%. #12f522 color hex could be obtained by blending #24ff44 with #00eb00. Closest websafe color is: #00ff33.

♥
- f
- t
- g
- R 7
- G 96
- B 13
RGB color chart
- C 93
- M 0
- Y 86
- K 4
CMYK color chart

● #12f522 color description : Vivid lime green.

The hexadecimal color #12f522 has RGB values of R:18, G:245, B:34 and CMYK values of C:0.93, M:0, Y:0.86, K:0.04. Its decimal value is 1242402.

Hex triplet	12f522	`#12f522`
RGB Decimal	18, 245, 34	`rgb(18,245,34)`
RGB Percent	7.1, 96.1, 13.3	`rgb(7.1%,96.1%,13.3%)`
CMYK	93, 0, 86, 4
HSL	124.2°, 91.9, 51.6	`hsl(124.2,91.9%,51.6%)`
HSV (or HSB)	124.2°, 92.7, 96.1
Web Safe	00ff33	`#00ff33`

CIE-LAB	84.764, -82.237, 76.747
XYZ	33.189, 65.545, 12.416
xyY	0.299, 0.59, 65.545
CIE-LCH	84.764, 112.486, 136.978
CIE-LUV	84.764, -79.163, 100.885
Hunter-Lab	80.96, -68.506, 47.58
Binary	00010010, 11110101, 00100010

#12f522
```
#12f522 rgb(18,245,34)
```
#f512e5
```
#f512e5 rgb(245,18,229)
```

Complementary Color

#74f512
```
#74f512 rgb(116,245,18)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#12f594
```
#12f594 rgb(18,245,148)
```

Analogous Color

#f51274
```
#f51274 rgb(245,18,116)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#9412f5
```
#9412f5 rgb(148,18,245)
```

Split Complementary Color

#f52212
```
#f52212 rgb(245,34,18)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#2212f5
```
#2212f5 rgb(34,18,245)
```

Triadic Color

#e5f512
```
#e5f512 rgb(229,245,18)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#2212f5
```
#2212f5 rgb(34,18,245)
```
#f512e5
```
#f512e5 rgb(245,18,229)
```

Tetradic Color

#08b314
```
#08b314 rgb(8,179,20)
```
#09cb16
```
#09cb16 rgb(9,203,22)
```
#0ae419
```
#0ae419 rgb(10,228,25)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#2af639
```
#2af639 rgb(42,246,57)
```
#43f750
```
#43f750 rgb(67,247,80)
```
#5bf866
```
#5bf866 rgb(91,248,102)
```

Monochromatic Color

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

#3bf512
```
#3bf512 rgb(59,245,18)
```
#28f512
```
#28f512 rgb(40,245,18)
```
#15f512
```
#15f512 rgb(21,245,18)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#12f535
```
#12f535 rgb(18,245,53)
```
#12f548
```
#12f548 rgb(18,245,72)
```
#12f55b
```
#12f55b rgb(18,245,91)
```

Similar Colors

Text with hexadecimal color #12f522

This text has a font color of #12f522.

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

#12f522 background color

This paragraph has a background color of #12f522.

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

#12f522 border color

This element has a border color of #12f522.

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

CSS codes

.text {color:#12f522;}

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

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

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

#000801
```
#000801 rgb(0,8,1)
```
#011a03
```
#011a03 rgb(1,26,3)
```
#022d05
```
#022d05 rgb(2,45,5)
```
#034007
```
#034007 rgb(3,64,7)
```
#045309
```
#045309 rgb(4,83,9)
```
#04660b
```
#04660b rgb(4,102,11)
```
#05790d
```
#05790d rgb(5,121,13)
```
#068b0f
```
#068b0f rgb(6,139,15)
```
#079e11
```
#079e11 rgb(7,158,17)
```
#07b113
```
#07b113 rgb(7,177,19)
```
#08c415
```
#08c415 rgb(8,196,21)
```
#09d718
```
#09d718 rgb(9,215,24)
```
#0aea1a
```
#0aea1a rgb(10,234,26)
```

Shade Color Variation

#12f522
```
#12f522 rgb(18,245,34)
```
#25f634
```
#25f634 rgb(37,246,52)
```
#38f745
```
#38f745 rgb(56,247,69)
```
#4af757
```
#4af757 rgb(74,247,87)
```
#5df868
```
#5df868 rgb(93,248,104)
```
#70f97a
```
#70f97a rgb(112,249,122)
```
#83fa8b
```
#83fa8b rgb(131,250,139)
```
#96fb9d
```
#96fb9d rgb(150,251,157)
```
#a9fbae
```
#a9fbae rgb(169,251,174)
```
#bbfcc0
```
#bbfcc0 rgb(187,252,192)
```
#cefdd2
```
#cefdd2 rgb(206,253,210)
```
#e1fee3
```
#e1fee3 rgb(225,254,227)
```
#f4fff5
```
#f4fff5 rgb(244,255,245)
```

Tint Color Variation

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

#7b8d7c
```
#7b8d7c rgb(123,141,124)
```
#719674
```
#719674 rgb(113,150,116)
```
#68a06b
```
#68a06b rgb(104,160,107)
```
#5ea963
```
#5ea963 rgb(94,169,99)
```
#55b35b
```
#55b35b rgb(85,179,91)
```
#4bbc53
```
#4bbc53 rgb(75,188,83)
```
#42c64b
```
#42c64b rgb(66,198,75)
```
#38cf43
```
#38cf43 rgb(56,207,67)
```
#2fd93a
```
#2fd93a rgb(47,217,58)
```
#25e232
```
#25e232 rgb(37,226,50)
```
#1cec2a
```
#1cec2a rgb(28,236,42)
```
#12f522
```
#12f522 rgb(18,245,34)
```
#09ff1a
```
#09ff1a rgb(9,255,26)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7eab81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd623 Protanopia 1% of men
#ffce7e Deuteranopia 1% of men
#78e5f6 Tritanopia 0.001% of the population

Trichromacy

#9fe123 Protanomaly 1% of men, 0.01% of women
#a8dc5d Deuteranomaly 6% of men, 0.4% of women
#53eba8 Tritanomaly 0.01% of the population

#12f522 hex color

#12f522 Color Information

#12f522 Color Conversion

Color Schemes with #12f522

Alternatives to #12f522

#12f522 Preview

Shades and Tints of #12f522

Tones of #12f522

Color Blindness Simulator