#1ff522 hex color

In a RGB color space, hex #1ff522 is composed of 12.2% red, 96.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 0% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 120.8 degrees, a saturation of 91.5% and a lightness of 54.1%. #1ff522 color hex could be obtained by blending #3eff44 with #00eb00. Closest websafe color is: #33ff33.

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

● #1ff522 color description : Vivid lime green.

The hexadecimal color #1ff522 has RGB values of R:31, G:245, B:34 and CMYK values of C:0.87, M:0, Y:0.86, K:0.04. Its decimal value is 2094370.

Hex triplet	1ff522	`#1ff522`
RGB Decimal	31, 245, 34	`rgb(31,245,34)`
RGB Percent	12.2, 96.1, 13.3	`rgb(12.2%,96.1%,13.3%)`
CMYK	87, 0, 86, 4
HSL	120.8°, 91.5, 54.1	`hsl(120.8,91.5%,54.1%)`
HSV (or HSB)	120.8°, 87.3, 96.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.847, -81.483, 76.852
XYZ	33.504, 65.708, 12.43
xyY	0.3, 0.589, 65.708
CIE-LCH	84.847, 112.008, 136.675
CIE-LUV	84.847, -78.291, 100.876
Hunter-Lab	81.06, -68.077, 47.65
Binary	00011111, 11110101, 00100010

#1ff522
```
#1ff522 rgb(31,245,34)
```
#f51ff2
```
#f51ff2 rgb(245,31,242)
```

Complementary Color

#87f51f
```
#87f51f rgb(135,245,31)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#1ff58d
```
#1ff58d rgb(31,245,141)
```

Analogous Color

#f51f87
```
#f51f87 rgb(245,31,135)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#8d1ff5
```
#8d1ff5 rgb(141,31,245)
```

Split Complementary Color

#f5221f
```
#f5221f rgb(245,34,31)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#221ff5
```
#221ff5 rgb(34,31,245)
```

Triadic Color

#f2f51f
```
#f2f51f rgb(242,245,31)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#221ff5
```
#221ff5 rgb(34,31,245)
```
#f51ff2
```
#f51ff2 rgb(245,31,242)
```

Tetradic Color

#09bf0b
```
#09bf0b rgb(9,191,11)
```
#0ad70c
```
#0ad70c rgb(10,215,12)
```
#0bf00e
```
#0bf00e rgb(11,240,14)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#37f63a
```
#37f63a rgb(55,246,58)
```
#50f752
```
#50f752 rgb(80,247,82)
```
#68f86a
```
#68f86a rgb(104,248,106)
```

Monochromatic Color

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

#52f51f
```
#52f51f rgb(82,245,31)
```
#40f51f
```
#40f51f rgb(64,245,31)
```
#2ef51f
```
#2ef51f rgb(46,245,31)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#1ff534
```
#1ff534 rgb(31,245,52)
```
#1ff546
```
#1ff546 rgb(31,245,70)
```
#1ff558
```
#1ff558 rgb(31,245,88)
```

Similar Colors

Text with hexadecimal color #1ff522

This text has a font color of #1ff522.

<span style="color:#1ff522;">Text here</span>

#1ff522 background color

This paragraph has a background color of #1ff522.

<p style="background-color:#1ff522;">Content here</p>

#1ff522 border color

This element has a border color of #1ff522.

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

CSS codes

.text {color:#1ff522;}

.background {background-color:#1ff522;}

.border {border:1px solid #1ff522;}

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

#000100
```
#000100 rgb(0,1,0)
```
#011401
```
#011401 rgb(1,20,1)
```
#022702
```
#022702 rgb(2,39,2)
```
#033a03
```
#033a03 rgb(3,58,3)
```
#034c04
```
#034c04 rgb(3,76,4)
```
#045f06
```
#045f06 rgb(4,95,6)
```
#057207
```
#057207 rgb(5,114,7)
```
#068508
```
#068508 rgb(6,133,8)
```
#079809
```
#079809 rgb(7,152,9)
```
#08aa0a
```
#08aa0a rgb(8,170,10)
```
#08bd0b
```
#08bd0b rgb(8,189,11)
```
#09d00c
```
#09d00c rgb(9,208,12)
```
#0ae30d
```
#0ae30d rgb(10,227,13)
```

Shade Color Variation

#0cf40f
```
#0cf40f rgb(12,244,15)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#32f635
```
#32f635 rgb(50,246,53)
```
#45f747
```
#45f747 rgb(69,247,71)
```
#57f85a
```
#57f85a rgb(87,248,90)
```
#6af86c
```
#6af86c rgb(106,248,108)
```
#7df97f
```
#7df97f rgb(125,249,127)
```
#90fa91
```
#90fa91 rgb(144,250,145)
```
#a2fba4
```
#a2fba4 rgb(162,251,164)
```
#b5fcb6
```
#b5fcb6 rgb(181,252,182)
```
#c8fdc9
```
#c8fdc9 rgb(200,253,201)
```
#dbfddb
```
#dbfddb rgb(219,253,219)
```
#eefeee
```
#eefeee rgb(238,254,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #829282 is the less saturated color, while #16fe19 is the most saturated one.

#829282
```
#829282 rgb(130,146,130)
```
#799b79
```
#799b79 rgb(121,155,121)
```
#70a471
```
#70a471 rgb(112,164,113)
```
#67ad68
```
#67ad68 rgb(103,173,104)
```
#5eb65f
```
#5eb65f rgb(94,182,95)
```
#55bf56
```
#55bf56 rgb(85,191,86)
```
#4cc84e
```
#4cc84e rgb(76,200,78)
```
#43d145
```
#43d145 rgb(67,209,69)
```
#3ada3c
```
#3ada3c rgb(58,218,60)
```
#31e333
```
#31e333 rgb(49,227,51)
```
#28ec2b
```
#28ec2b rgb(40,236,43)
```
#1ff522
```
#1ff522 rgb(31,245,34)
```
#16fe19
```
#16fe19 rgb(22,254,25)
```

Tone Color Variation

Below, you can see how #1ff522 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
#84af84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d624 Protanopia 1% of men
#ffce7f Deuteranopia 1% of men
#7ae5f6 Tritanopia 0.001% of the population

Trichromacy

#a4e123 Protanomaly 1% of men, 0.01% of women
#addc5d Deuteranomaly 6% of men, 0.4% of women
#59eba8 Tritanomaly 0.01% of the population

#1ff522 hex color

#1ff522 Color Information

#1ff522 Color Conversion

Color Schemes with #1ff522

Alternatives to #1ff522

#1ff522 Preview

Shades and Tints of #1ff522

Tones of #1ff522

Color Blindness Simulator