#2af625 hex color

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

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

● #2af625 color description : Bright lime green.

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

Hex triplet	2af625	`#2af625`
RGB Decimal	42, 246, 37	`rgb(42,246,37)`
RGB Percent	16.5, 96.5, 14.5	`rgb(16.5%,96.5%,14.5%)`
CMYK	83, 0, 85, 4
HSL	118.6°, 92.1, 55.5	`hsl(118.6,92.1%,55.5%)`
HSV (or HSB)	118.6°, 85, 96.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.268, -80.721, 76.657
XYZ	34.243, 66.534, 12.788
xyY	0.302, 0.586, 66.534
CIE-LCH	85.268, 111.32, 136.479
CIE-LUV	85.268, -77.486, 100.842
Hunter-Lab	81.568, -67.809, 47.803
Binary	00101010, 11110110, 00100101

#2af625
```
#2af625 rgb(42,246,37)
```
#f125f6
```
#f125f6 rgb(241,37,246)
```

Complementary Color

#93f625
```
#93f625 rgb(147,246,37)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#25f689
```
#25f689 rgb(37,246,137)
```

Analogous Color

#f62593
```
#f62593 rgb(246,37,147)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#8925f6
```
#8925f6 rgb(137,37,246)
```

Split Complementary Color

#f6252a
```
#f6252a rgb(246,37,42)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#252af6
```
#252af6 rgb(37,42,246)
```

Triadic Color

#f6f125
```
#f6f125 rgb(246,241,37)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#252af6
```
#252af6 rgb(37,42,246)
```
#f125f6
```
#f125f6 rgb(241,37,246)
```

Tetradic Color

#0dc608
```
#0dc608 rgb(13,198,8)
```
#0edf09
```
#0edf09 rgb(14,223,9)
```
#12f50d
```
#12f50d rgb(18,245,13)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#42f73d
```
#42f73d rgb(66,247,61)
```
#5af856
```
#5af856 rgb(90,248,86)
```
#72f96e
```
#72f96e rgb(114,249,110)
```

Monochromatic Color

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

#5ef625
```
#5ef625 rgb(94,246,37)
```
#4df625
```
#4df625 rgb(77,246,37)
```
#3bf625
```
#3bf625 rgb(59,246,37)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#25f631
```
#25f631 rgb(37,246,49)
```
#25f643
```
#25f643 rgb(37,246,67)
```
#25f654
```
#25f654 rgb(37,246,84)
```

Similar Colors

Text with hexadecimal color #2af625

This text has a font color of #2af625.

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

#2af625 background color

This paragraph has a background color of #2af625.

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

#2af625 border color

This element has a border color of #2af625.

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

CSS codes

.text {color:#2af625;}

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

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

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

#010800
```
#010800 rgb(1,8,0)
```
#021b01
```
#021b01 rgb(2,27,1)
```
#032e02
```
#032e02 rgb(3,46,2)
```
#044103
```
#044103 rgb(4,65,3)
```
#055303
```
#055303 rgb(5,83,3)
```
#076604
```
#076604 rgb(7,102,4)
```
#087905
```
#087905 rgb(8,121,5)
```
#098c06
```
#098c06 rgb(9,140,6)
```
#0a9f07
```
#0a9f07 rgb(10,159,7)
```
#0bb207
```
#0bb207 rgb(11,178,7)
```
#0dc408
```
#0dc408 rgb(13,196,8)
```
#0ed709
```
#0ed709 rgb(14,215,9)
```
#0fea0a
```
#0fea0a rgb(15,234,10)
```

Shade Color Variation

#18f512
```
#18f512 rgb(24,245,18)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#3cf738
```
#3cf738 rgb(60,247,56)
```
#4ff84b
```
#4ff84b rgb(79,248,75)
```
#61f85e
```
#61f85e rgb(97,248,94)
```
#74f970
```
#74f970 rgb(116,249,112)
```
#86fa83
```
#86fa83 rgb(134,250,131)
```
#98fb96
```
#98fb96 rgb(152,251,150)
```
#abfba9
```
#abfba9 rgb(171,251,169)
```
#bdfcbc
```
#bdfcbc rgb(189,252,188)
```
#d0fdcf
```
#d0fdcf rgb(208,253,207)
```
#e2fee1
```
#e2fee1 rgb(226,254,225)
```
#f4fff4
```
#f4fff4 rgb(244,255,244)
```

Tint Color Variation

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

#859685
```
#859685 rgb(133,150,133)
```
#7d9f7c
```
#7d9f7c rgb(125,159,124)
```
#75a774
```
#75a774 rgb(117,167,116)
```
#6db06b
```
#6db06b rgb(109,176,107)
```
#64b962
```
#64b962 rgb(100,185,98)
```
#5cc259
```
#5cc259 rgb(92,194,89)
```
#54ca51
```
#54ca51 rgb(84,202,81)
```
#4bd348
```
#4bd348 rgb(75,211,72)
```
#43dc3f
```
#43dc3f rgb(67,220,63)
```
#3be536
```
#3be536 rgb(59,229,54)
```
#32ed2e
```
#32ed2e rgb(50,237,46)
```
#2af625
```
#2af625 rgb(42,246,37)
```
#22ff1c
```
#22ff1c rgb(34,255,28)
```

Tone Color Variation

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

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

Trichromacy

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

#2af625 hex color

#2af625 Color Information

#2af625 Color Conversion

Color Schemes with #2af625

Alternatives to #2af625

#2af625 Preview

Shades and Tints of #2af625

Tones of #2af625

Color Blindness Simulator