#2af237 hex color

In a RGB color space, hex #2af237 is composed of 16.5% red, 94.9% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 77.3% yellow and 5.1% black. It has a hue angle of 123.9 degrees, a saturation of 88.5% and a lightness of 55.7%. #2af237 color hex could be obtained by blending #54ff6e with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 95
- B 22
RGB color chart
- C 83
- M 0
- Y 77
- K 5
CMYK color chart

● #2af237 color description : Bright lime green.

The hexadecimal color #2af237 has RGB values of R:42, G:242, B:55 and CMYK values of C:0.83, M:0, Y:0.77, K:0.05. Its decimal value is 2814519.

Hex triplet	2af237	`#2af237`
RGB Decimal	42, 242, 55	`rgb(42,242,55)`
RGB Percent	16.5, 94.9, 21.6	`rgb(16.5%,94.9%,21.6%)`
CMYK	83, 0, 77, 5
HSL	123.9°, 88.5, 55.7	`hsl(123.9,88.5%,55.7%)`
HSV (or HSB)	123.9°, 82.6, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.105, -78.672, 71.031
XYZ	33.395, 64.269, 14.259
xyY	0.298, 0.574, 64.269
CIE-LCH	84.105, 105.994, 137.922
CIE-LUV	84.105, -75.906, 95.918
Hunter-Lab	80.168, -65.938, 45.572
Binary	00101010, 11110010, 00110111

#2af237
```
#2af237 rgb(42,242,55)
```
#f22ae5
```
#f22ae5 rgb(242,42,229)
```

Complementary Color

#81f22a
```
#81f22a rgb(129,242,42)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#2af29b
```
#2af29b rgb(42,242,155)
```

Analogous Color

#f22a81
```
#f22a81 rgb(242,42,129)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#9b2af2
```
#9b2af2 rgb(155,42,242)
```

Split Complementary Color

#f2372a
```
#f2372a rgb(242,55,42)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#372af2
```
#372af2 rgb(55,42,242)
```

Triadic Color

#e5f22a
```
#e5f22a rgb(229,242,42)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#372af2
```
#372af2 rgb(55,42,242)
```
#f22ae5
```
#f22ae5 rgb(242,42,229)
```

Tetradic Color

#0cc418
```
#0cc418 rgb(12,196,24)
```
#0ddc1b
```
#0ddc1b rgb(13,220,27)
```
#12f120
```
#12f120 rgb(18,241,32)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#42f34e
```
#42f34e rgb(66,243,78)
```
#5af564
```
#5af564 rgb(90,245,100)
```
#72f67b
```
#72f67b rgb(114,246,123)
```

Monochromatic Color

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

#4ff22a
```
#4ff22a rgb(79,242,42)
```
#3ef22a
```
#3ef22a rgb(62,242,42)
```
#2ef22a
```
#2ef22a rgb(46,242,42)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#2af248
```
#2af248 rgb(42,242,72)
```
#2af258
```
#2af258 rgb(42,242,88)
```
#2af269
```
#2af269 rgb(42,242,105)
```

Similar Colors

Text with hexadecimal color #2af237

This text has a font color of #2af237.

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

#2af237 background color

This paragraph has a background color of #2af237.

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

#2af237 border color

This element has a border color of #2af237.

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

CSS codes

.text {color:#2af237;}

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

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

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

#010901
```
#010901 rgb(1,9,1)
```
#021b03
```
#021b03 rgb(2,27,3)
```
#032e06
```
#032e06 rgb(3,46,6)
```
#044008
```
#044008 rgb(4,64,8)
```
#05530a
```
#05530a rgb(5,83,10)
```
#06650c
```
#06650c rgb(6,101,12)
```
#07780f
```
#07780f rgb(7,120,15)
```
#088a11
```
#088a11 rgb(8,138,17)
```
#0a9d13
```
#0a9d13 rgb(10,157,19)
```
#0baf15
```
#0baf15 rgb(11,175,21)
```
#0cc218
```
#0cc218 rgb(12,194,24)
```
#0dd41a
```
#0dd41a rgb(13,212,26)
```
#0ee71c
```
#0ee71c rgb(14,231,28)
```

Shade Color Variation

#18f126
```
#18f126 rgb(24,241,38)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#3cf348
```
#3cf348 rgb(60,243,72)
```
#4ff45a
```
#4ff45a rgb(79,244,90)
```
#61f56b
```
#61f56b rgb(97,245,107)
```
#74f77c
```
#74f77c rgb(116,247,124)
```
#86f88e
```
#86f88e rgb(134,248,142)
```
#99f99f
```
#99f99f rgb(153,249,159)
```
#abfab1
```
#abfab1 rgb(171,250,177)
```
#befbc2
```
#befbc2 rgb(190,251,194)
```
#d0fcd3
```
#d0fcd3 rgb(208,252,211)
```
#e3fde5
```
#e3fde5 rgb(227,253,229)
```
#f5fef6
```
#f5fef6 rgb(245,254,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a928a is the less saturated color, while #21fb2f is the most saturated one.

#8a928a
```
#8a928a rgb(138,146,138)
```
#819b83
```
#819b83 rgb(129,155,131)
```
#78a47b
```
#78a47b rgb(120,164,123)
```
#70ac73
```
#70ac73 rgb(112,172,115)
```
#67b56c
```
#67b56c rgb(103,181,108)
```
#5ebe64
```
#5ebe64 rgb(94,190,100)
```
#55c75d
```
#55c75d rgb(85,199,93)
```
#4dcf55
```
#4dcf55 rgb(77,207,85)
```
#44d84e
```
#44d84e rgb(68,216,78)
```
#3be146
```
#3be146 rgb(59,225,70)
```
#33e93f
```
#33e93f rgb(51,233,63)
```
#2af237
```
#2af237 rgb(42,242,55)
```
#21fb2f
```
#21fb2f rgb(33,251,47)
```

Tone Color Variation

Below, you can see how #2af237 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
#89b18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd439 Protanopia 1% of men
#ffcb78 Deuteranopia 1% of men
#7be3f3 Tritanopia 0.001% of the population

Trichromacy

#a6df38 Protanomaly 1% of men, 0.01% of women
#b1d960 Deuteranomaly 6% of men, 0.4% of women
#5de8af Tritanomaly 0.01% of the population

#2af237 hex color

#2af237 Color Information

#2af237 Color Conversion

Color Schemes with #2af237

Alternatives to #2af237

#2af237 Preview

Shades and Tints of #2af237

Tones of #2af237

Color Blindness Simulator