#2af975 hex color

In a RGB color space, hex #2af975 is composed of 16.5% red, 97.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 53% yellow and 2.4% black. It has a hue angle of 141.7 degrees, a saturation of 94.5% and a lightness of 57.1%. #2af975 color hex could be obtained by blending #54ffea with #00f300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 98
- B 46
RGB color chart
- C 83
- M 0
- Y 53
- K 2
CMYK color chart

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

The hexadecimal color #2af975 has RGB values of R:42, G:249, B:117 and CMYK values of C:0.83, M:0, Y:0.53, K:0.02. Its decimal value is 2816373.

Hex triplet	2af975	`#2af975`
RGB Decimal	42, 249, 117	`rgb(42,249,117)`
RGB Percent	16.5, 97.6, 45.9	`rgb(16.5%,97.6%,45.9%)`
CMYK	83, 0, 53, 2
HSL	141.7°, 94.5, 57.1	`hsl(141.7,94.5%,57.1%)`
HSV (or HSB)	141.7°, 83.1, 97.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.763, -74.475, 49.627
XYZ	38.039, 69.524, 28.243
xyY	0.28, 0.512, 69.524
CIE-LCH	86.763, 89.495, 146.322
CIE-LUV	86.763, -75.914, 77.227
Hunter-Lab	83.381, -64.484, 38.284
Binary	00101010, 11111001, 01110101

#2af975
```
#2af975 rgb(42,249,117)
```
#f92aae
```
#f92aae rgb(249,42,174)
```

Complementary Color

#46f92a
```
#46f92a rgb(70,249,42)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#2af9dd
```
#2af9dd rgb(42,249,221)
```

Analogous Color

#f92a47
```
#f92a47 rgb(249,42,71)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#dd2af9
```
#dd2af9 rgb(221,42,249)
```

Split Complementary Color

#f9752a
```
#f9752a rgb(249,117,42)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#752af9
```
#752af9 rgb(117,42,249)
```

Triadic Color

#aef92a
```
#aef92a rgb(174,249,42)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#752af9
```
#752af9 rgb(117,42,249)
```
#f92aae
```
#f92aae rgb(249,42,174)
```

Tetradic Color

#06d14f
```
#06d14f rgb(6,209,79)
```
#07e959
```
#07e959 rgb(7,233,89)
```
#11f865
```
#11f865 rgb(17,248,101)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#43fa85
```
#43fa85 rgb(67,250,133)
```
#5cfa95
```
#5cfa95 rgb(92,250,149)
```
#74fba5
```
#74fba5 rgb(116,251,165)
```

Monochromatic Color

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

#2af941
```
#2af941 rgb(42,249,65)
```
#2af953
```
#2af953 rgb(42,249,83)
```
#2af964
```
#2af964 rgb(42,249,100)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#2af986
```
#2af986 rgb(42,249,134)
```
#2af998
```
#2af998 rgb(42,249,152)
```
#2af9a9
```
#2af9a9 rgb(42,249,169)
```

Similar Colors

Text with hexadecimal color #2af975

This text has a font color of #2af975.

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

#2af975 background color

This paragraph has a background color of #2af975.

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

#2af975 border color

This element has a border color of #2af975.

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

CSS codes

.text {color:#2af975;}

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

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

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

#001006
```
#001006 rgb(0,16,6)
```
#01230d
```
#01230d rgb(1,35,13)
```
#023615
```
#023615 rgb(2,54,21)
```
#02491c
```
#02491c rgb(2,73,28)
```
#035c23
```
#035c23 rgb(3,92,35)
```
#036f2a
```
#036f2a rgb(3,111,42)
```
#048232
```
#048232 rgb(4,130,50)
```
#049539
```
#049539 rgb(4,149,57)
```
#05a940
```
#05a940 rgb(5,169,64)
```
#05bc47
```
#05bc47 rgb(5,188,71)
```
#06cf4f
```
#06cf4f rgb(6,207,79)
```
#06e256
```
#06e256 rgb(6,226,86)
```
#07f55d
```
#07f55d rgb(7,245,93)
```

Shade Color Variation

#17f869
```
#17f869 rgb(23,248,105)
```
#2af975
```
#2af975 rgb(42,249,117)
```
#3dfa81
```
#3dfa81 rgb(61,250,129)
```
#50fa8e
```
#50fa8e rgb(80,250,142)
```
#63fb9a
```
#63fb9a rgb(99,251,154)
```
#76fba6
```
#76fba6 rgb(118,251,166)
```
#89fcb3
```
#89fcb3 rgb(137,252,179)
```
#9cfcbf
```
#9cfcbf rgb(156,252,191)
```
#b0fdcc
```
#b0fdcc rgb(176,253,204)
```
#c3fdd8
```
#c3fdd8 rgb(195,253,216)
```
#d6fee4
```
#d6fee4 rgb(214,254,228)
```
#e9fef1
```
#e9fef1 rgb(233,254,241)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#8f9491
```
#8f9491 rgb(143,148,145)
```
#879c8f
```
#879c8f rgb(135,156,143)
```
#7ea58c
```
#7ea58c rgb(126,165,140)
```
#76ad8a
```
#76ad8a rgb(118,173,138)
```
#6db688
```
#6db688 rgb(109,182,136)
```
#65be85
```
#65be85 rgb(101,190,133)
```
#5dc683
```
#5dc683 rgb(93,198,131)
```
#54cf81
```
#54cf81 rgb(84,207,129)
```
#4cd77e
```
#4cd77e rgb(76,215,126)
```
#43e07c
```
#43e07c rgb(67,224,124)
```
#3be87a
```
#3be87a rgb(59,232,122)
```
#32f177
```
#32f177 rgb(50,241,119)
```
#2af975
```
#2af975 rgb(42,249,117)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#92bba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db72 Protanopia 1% of men
#ffd3a0 Deuteranopia 1% of men
#77ebfc Tritanopia 0.001% of the population

Trichromacy

#a8e673 Protanomaly 1% of men, 0.01% of women
#b1e190 Deuteranomaly 6% of men, 0.4% of women
#5bf0cb Tritanomaly 0.01% of the population

#2af975 hex color

#2af975 Color Information

#2af975 Color Conversion

Color Schemes with #2af975

Alternatives to #2af975

#2af975 Preview

Shades and Tints of #2af975

Tones of #2af975

Color Blindness Simulator