#2af624 hex color

In a RGB color space, hex #2af624 is composed of 16.5% red, 96.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 85.4% yellow and 3.5% black. It has a hue angle of 118.3 degrees, a saturation of 92.1% and a lightness of 55.3%. #2af624 color hex could be obtained by blending #54ff48 with #00ed00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 96
- B 14
RGB color chart
- C 83
- M 0
- Y 85
- K 4
CMYK color chart

● #2af624 color description : Vivid lime green.

The hexadecimal color #2af624 has RGB values of R:42, G:246, B:36 and CMYK values of C:0.83, M:0, Y:0.85, K:0.04. Its decimal value is 2815524.

Hex triplet	2af624	`#2af624`
RGB Decimal	42, 246, 36	`rgb(42,246,36)`
RGB Percent	16.5, 96.5, 14.1	`rgb(16.5%,96.5%,14.1%)`
CMYK	83, 0, 85, 4
HSL	118.3°, 92.1, 55.3	`hsl(118.3,92.1%,55.3%)`
HSV (or HSB)	118.3°, 85.4, 96.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.265, -80.761, 76.86
XYZ	34.227, 66.527, 12.706
xyY	0.302, 0.586, 66.527
CIE-LCH	85.265, 111.489, 136.418
CIE-LUV	85.265, -77.501, 100.985
Hunter-Lab	81.564, -67.833, 47.859
Binary	00101010, 11110110, 00100100

#2af624
```
#2af624 rgb(42,246,36)
```
#f024f6
```
#f024f6 rgb(240,36,246)
```

Complementary Color

#93f624
```
#93f624 rgb(147,246,36)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#24f687
```
#24f687 rgb(36,246,135)
```

Analogous Color

#f62493
```
#f62493 rgb(246,36,147)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#8724f6
```
#8724f6 rgb(135,36,246)
```

Split Complementary Color

#f6242a
```
#f6242a rgb(246,36,42)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#242af6
```
#242af6 rgb(36,42,246)
```

Triadic Color

#f6f024
```
#f6f024 rgb(246,240,36)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#242af6
```
#242af6 rgb(36,42,246)
```
#f024f6
```
#f024f6 rgb(240,36,246)
```

Tetradic Color

#0ec508
```
#0ec508 rgb(14,197,8)
```
#0fde09
```
#0fde09 rgb(15,222,9)
```
#12f50c
```
#12f50c rgb(18,245,12)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#42f73c
```
#42f73c rgb(66,247,60)
```
#5af855
```
#5af855 rgb(90,248,85)
```
#71f96d
```
#71f96d rgb(113,249,109)
```

Monochromatic Color

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

#5ff624
```
#5ff624 rgb(95,246,36)
```
#4df624
```
#4df624 rgb(77,246,36)
```
#3bf624
```
#3bf624 rgb(59,246,36)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#24f630
```
#24f630 rgb(36,246,48)
```
#24f641
```
#24f641 rgb(36,246,65)
```
#24f653
```
#24f653 rgb(36,246,83)
```

Similar Colors

Text with hexadecimal color #2af624

This text has a font color of #2af624.

<span style="color:#2af624;">Text here</span>

#2af624 background color

This paragraph has a background color of #2af624.

<p style="background-color:#2af624;">Content here</p>

#2af624 border color

This element has a border color of #2af624.

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

CSS codes

.text {color:#2af624;}

.background {background-color:#2af624;}

.border {border:1px solid #2af624;}

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

#000700
```
#000700 rgb(0,7,0)
```
#021a01
```
#021a01 rgb(2,26,1)
```
#032d02
```
#032d02 rgb(3,45,2)
```
#044003
```
#044003 rgb(4,64,3)
```
#065203
```
#065203 rgb(6,82,3)
```
#076504
```
#076504 rgb(7,101,4)
```
#087805
```
#087805 rgb(8,120,5)
```
#0a8b06
```
#0a8b06 rgb(10,139,6)
```
#0b9e06
```
#0b9e06 rgb(11,158,6)
```
#0cb107
```
#0cb107 rgb(12,177,7)
```
#0dc408
```
#0dc408 rgb(13,196,8)
```
#0fd609
```
#0fd609 rgb(15,214,9)
```
#10e90a
```
#10e90a rgb(16,233,10)
```

Shade Color Variation

#18f511
```
#18f511 rgb(24,245,17)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#3cf737
```
#3cf737 rgb(60,247,55)
```
#4ff84a
```
#4ff84a rgb(79,248,74)
```
#61f85d
```
#61f85d rgb(97,248,93)
```
#73f96f
```
#73f96f rgb(115,249,111)
```
#86fa82
```
#86fa82 rgb(134,250,130)
```
#98fb95
```
#98fb95 rgb(152,251,149)
```
#aafba8
```
#aafba8 rgb(170,251,168)
```
#bdfcbb
```
#bdfcbb rgb(189,252,187)
```
#cffdce
```
#cffdce rgb(207,253,206)
```
#e1fee0
```
#e1fee0 rgb(225,254,224)
```
#f4fff3
```
#f4fff3 rgb(244,255,243)
```

Tint Color Variation

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

#859684
```
#859684 rgb(133,150,132)
```
#7d9e7c
```
#7d9e7c rgb(125,158,124)
```
#74a773
```
#74a773 rgb(116,167,115)
```
#6cb06a
```
#6cb06a rgb(108,176,106)
```
#64b961
```
#64b961 rgb(100,185,97)
```
#5cc159
```
#5cc159 rgb(92,193,89)
```
#53ca50
```
#53ca50 rgb(83,202,80)
```
#4bd347
```
#4bd347 rgb(75,211,71)
```
#43dc3e
```
#43dc3e rgb(67,220,62)
```
#3be436
```
#3be436 rgb(59,228,54)
```
#32ed2d
```
#32ed2d rgb(50,237,45)
```
#2af624
```
#2af624 rgb(42,246,36)
```
#22ff1b
```
#22ff1b rgb(34,255,27)
```

Tone Color Variation

Below, you can see how #2af624 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

#a1a1a1 Achromatopsia 0.005% of the population
#89b288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d726 Protanopia 1% of men
#ffcf85 Deuteranopia 1% of men
#7de6f7 Tritanopia 0.001% of the population

Trichromacy

#a8e225 Protanomaly 1% of men, 0.01% of women
#b1dd61 Deuteranomaly 6% of men, 0.4% of women
#5febaa Tritanomaly 0.01% of the population

#2af624 hex color

#2af624 Color Information

#2af624 Color Conversion

Color Schemes with #2af624

Alternatives to #2af624

#2af624 Preview

Shades and Tints of #2af624

Tones of #2af624

Color Blindness Simulator