#2af75f hex color

In a RGB color space, hex #2af75f is composed of 16.5% red, 96.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 61.5% yellow and 3.1% black. It has a hue angle of 135.5 degrees, a saturation of 92.8% and a lightness of 56.7%. #2af75f color hex could be obtained by blending #54ffbe with #00ef00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 97
- B 37
RGB color chart
- C 83
- M 0
- Y 62
- K 3
CMYK color chart

● #2af75f color description : Bright cyan - lime green.

The hexadecimal color #2af75f has RGB values of R:42, G:247, B:95 and CMYK values of C:0.83, M:0, Y:0.62, K:0.03. Its decimal value is 2815839.

Hex triplet	2af75f	`#2af75f`
RGB Decimal	42, 247, 95	`rgb(42,247,95)`
RGB Percent	16.5, 96.9, 37.3	`rgb(16.5%,96.9%,37.3%)`
CMYK	83, 0, 62, 3
HSL	135.5°, 92.8, 56.7	`hsl(135.5,92.8%,56.7%)`
HSV (or HSB)	135.5°, 83, 96.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.924, -76.634, 58.359
XYZ	36.279, 67.836, 22.007
xyY	0.288, 0.538, 67.836
CIE-LCH	85.924, 96.325, 142.71
CIE-LUV	85.924, -76.241, 85.845
Hunter-Lab	82.363, -65.509, 41.811
Binary	00101010, 11110111, 01011111

#2af75f
```
#2af75f rgb(42,247,95)
```
#f72ac2
```
#f72ac2 rgb(247,42,194)
```

Complementary Color

#5cf72a
```
#5cf72a rgb(92,247,42)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#2af7c6
```
#2af7c6 rgb(42,247,198)
```

Analogous Color

#f72a5c
```
#f72a5c rgb(247,42,92)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#c62af7
```
#c62af7 rgb(198,42,247)
```

Split Complementary Color

#f75f2a
```
#f75f2a rgb(247,95,42)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#5f2af7
```
#5f2af7 rgb(95,42,247)
```

Triadic Color

#c2f72a
```
#c2f72a rgb(194,247,42)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#5f2af7
```
#5f2af7 rgb(95,42,247)
```
#f72ac2
```
#f72ac2 rgb(247,42,194)
```

Tetradic Color

#08cd3b
```
#08cd3b rgb(8,205,59)
```
#09e542
```
#09e542 rgb(9,229,66)
```
#11f64d
```
#11f64d rgb(17,246,77)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#43f871
```
#43f871 rgb(67,248,113)
```
#5bf984
```
#5bf984 rgb(91,249,132)
```
#74fa96
```
#74fa96 rgb(116,250,150)
```

Monochromatic Color

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

#2af72c
```
#2af72c rgb(42,247,44)
```
#2af73d
```
#2af73d rgb(42,247,61)
```
#2af74e
```
#2af74e rgb(42,247,78)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#2af770
```
#2af770 rgb(42,247,112)
```
#2af781
```
#2af781 rgb(42,247,129)
```
#2af792
```
#2af792 rgb(42,247,146)
```

Similar Colors

Text with hexadecimal color #2af75f

This text has a font color of #2af75f.

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

#2af75f background color

This paragraph has a background color of #2af75f.

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

#2af75f border color

This element has a border color of #2af75f.

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

CSS codes

.text {color:#2af75f;}

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

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

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, #010e04 is the darkest color, while #fafffb is the lightest one.

#010e04
```
#010e04 rgb(1,14,4)
```
#012109
```
#012109 rgb(1,33,9)
```
#02340f
```
#02340f rgb(2,52,15)
```
#034714
```
#034714 rgb(3,71,20)
```
#03591a
```
#03591a rgb(3,89,26)
```
#046c1f
```
#046c1f rgb(4,108,31)
```
#057f24
```
#057f24 rgb(5,127,36)
```
#05922a
```
#05922a rgb(5,146,42)
```
#06a52f
```
#06a52f rgb(6,165,47)
```
#07b835
```
#07b835 rgb(7,184,53)
```
#08cb3a
```
#08cb3a rgb(8,203,58)
```
#08de40
```
#08de40 rgb(8,222,64)
```
#09f145
```
#09f145 rgb(9,241,69)
```

Shade Color Variation

#17f651
```
#17f651 rgb(23,246,81)
```
#2af75f
```
#2af75f rgb(42,247,95)
```
#3df86d
```
#3df86d rgb(61,248,109)
```
#50f87b
```
#50f87b rgb(80,248,123)
```
#63f98a
```
#63f98a rgb(99,249,138)
```
#76fa98
```
#76fa98 rgb(118,250,152)
```
#89fba6
```
#89fba6 rgb(137,251,166)
```
#9bfbb4
```
#9bfbb4 rgb(155,251,180)
```
#aefcc2
```
#aefcc2 rgb(174,252,194)
```
#c1fdd1
```
#c1fdd1 rgb(193,253,209)
```
#d4fddf
```
#d4fddf rgb(212,253,223)
```
#e7feed
```
#e7feed rgb(231,254,237)
```
#fafffb
```
#fafffb rgb(250,255,251)
```

Tint Color Variation

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

#909190
```
#909190 rgb(144,145,144)
```
#889a8c
```
#889a8c rgb(136,154,140)
```
#7fa288
```
#7fa288 rgb(127,162,136)
```
#77ab84
```
#77ab84 rgb(119,171,132)
```
#6eb380
```
#6eb380 rgb(110,179,128)
```
#66bc7c
```
#66bc7c rgb(102,188,124)
```
#5dc478
```
#5dc478 rgb(93,196,120)
```
#55cd74
```
#55cd74 rgb(85,205,116)
```
#4cd56f
```
#4cd56f rgb(76,213,111)
```
#44de6b
```
#44de6b rgb(68,222,107)
```
#3be667
```
#3be667 rgb(59,230,103)
```
#33ef63
```
#33ef63 rgb(51,239,99)
```
#2af75f
```
#2af75f rgb(42,247,95)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#8fb899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d95e Protanopia 1% of men
#ffd193 Deuteranopia 1% of men
#79e8f9 Tritanopia 0.001% of the population

Trichromacy

#a8e45e Protanomaly 1% of men, 0.01% of women
#b1df80 Deuteranomaly 6% of men, 0.4% of women
#5cedc1 Tritanomaly 0.01% of the population

#2af75f hex color

#2af75f Color Information

#2af75f Color Conversion

Color Schemes with #2af75f

Alternatives to #2af75f

#2af75f Preview

Shades and Tints of #2af75f

Tones of #2af75f

Color Blindness Simulator