#2af063 hex color

In a RGB color space, hex #2af063 is composed of 16.5% red, 94.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 58.8% yellow and 5.9% black. It has a hue angle of 137.3 degrees, a saturation of 86.8% and a lightness of 55.3%. #2af063 color hex could be obtained by blending #54ffc6 with #00e100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 94
- B 39
RGB color chart
- C 83
- M 0
- Y 59
- K 6
CMYK color chart

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

The hexadecimal color #2af063 has RGB values of R:42, G:240, B:99 and CMYK values of C:0.83, M:0, Y:0.59, K:0.06. Its decimal value is 2814051.

Hex triplet	2af063	`#2af063`
RGB Decimal	42, 240, 99	`rgb(42,240,99)`
RGB Percent	16.5, 94.1, 38.8	`rgb(16.5%,94.1%,38.8%)`
CMYK	83, 0, 59, 6
HSL	137.3°, 86.8, 55.3	`hsl(137.3,86.8%,55.3%)`
HSV (or HSB)	137.3°, 82.5, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.814, -74.033, 54.221
XYZ	34.365, 63.71, 22.29
xyY	0.286, 0.529, 63.71
CIE-LCH	83.814, 91.765, 143.781
CIE-LUV	83.814, -73.85, 80.839
Hunter-Lab	79.818, -62.831, 39.316
Binary	00101010, 11110000, 01100011

#2af063
```
#2af063 rgb(42,240,99)
```
#f02ab7
```
#f02ab7 rgb(240,42,183)
```

Complementary Color

#54f02a
```
#54f02a rgb(84,240,42)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#2af0c6
```
#2af0c6 rgb(42,240,198)
```

Analogous Color

#f02a54
```
#f02a54 rgb(240,42,84)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#c62af0
```
#c62af0 rgb(198,42,240)
```

Split Complementary Color

#f0632a
```
#f0632a rgb(240,99,42)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#632af0
```
#632af0 rgb(99,42,240)
```

Triadic Color

#b7f02a
```
#b7f02a rgb(183,240,42)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#632af0
```
#632af0 rgb(99,42,240)
```
#f02ab7
```
#f02ab7 rgb(240,42,183)
```

Tetradic Color

#0ec041
```
#0ec041 rgb(14,192,65)
```
#0fd849
```
#0fd849 rgb(15,216,73)
```
#12ee52
```
#12ee52 rgb(18,238,82)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#42f274
```
#42f274 rgb(66,242,116)
```
#5af386
```
#5af386 rgb(90,243,134)
```
#71f597
```
#71f597 rgb(113,245,151)
```

Monochromatic Color

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

#2af031
```
#2af031 rgb(42,240,49)
```
#2af042
```
#2af042 rgb(42,240,66)
```
#2af052
```
#2af052 rgb(42,240,82)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#2af074
```
#2af074 rgb(42,240,116)
```
#2af084
```
#2af084 rgb(42,240,132)
```
#2af095
```
#2af095 rgb(42,240,149)
```

Similar Colors

Text with hexadecimal color #2af063

This text has a font color of #2af063.

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

#2af063 background color

This paragraph has a background color of #2af063.

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

#2af063 border color

This element has a border color of #2af063.

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

CSS codes

.text {color:#2af063;}

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

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

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

#000702
```
#000702 rgb(0,7,2)
```
#021909
```
#021909 rgb(2,25,9)
```
#032c0f
```
#032c0f rgb(3,44,15)
```
#043e15
```
#043e15 rgb(4,62,21)
```
#06501b
```
#06501b rgb(6,80,27)
```
#076321
```
#076321 rgb(7,99,33)
```
#087527
```
#087527 rgb(8,117,39)
```
#0a872e
```
#0a872e rgb(10,135,46)
```
#0b9934
```
#0b9934 rgb(11,153,52)
```
#0cac3a
```
#0cac3a rgb(12,172,58)
```
#0dbe40
```
#0dbe40 rgb(13,190,64)
```
#0fd046
```
#0fd046 rgb(15,208,70)
```
#10e34d
```
#10e34d rgb(16,227,77)
```

Shade Color Variation

#18ef56
```
#18ef56 rgb(24,239,86)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#3cf170
```
#3cf170 rgb(60,241,112)
```
#4ff37e
```
#4ff37e rgb(79,243,126)
```
#61f48b
```
#61f48b rgb(97,244,139)
```
#73f599
```
#73f599 rgb(115,245,153)
```
#86f6a6
```
#86f6a6 rgb(134,246,166)
```
#98f8b4
```
#98f8b4 rgb(152,248,180)
```
#aaf9c1
```
#aaf9c1 rgb(170,249,193)
```
#bdface
```
#bdface rgb(189,250,206)
```
#cffcdc
```
#cffcdc rgb(207,252,220)
```
#e1fde9
```
#e1fde9 rgb(225,253,233)
```
#f4fef7
```
#f4fef7 rgb(244,254,247)
```

Tint Color Variation

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

#8a908c
```
#8a908c rgb(138,144,140)
```
#829888
```
#829888 rgb(130,152,136)
```
#79a184
```
#79a184 rgb(121,161,132)
```
#70aa81
```
#70aa81 rgb(112,170,129)
```
#67b37d
```
#67b37d rgb(103,179,125)
```
#5fbb79
```
#5fbb79 rgb(95,187,121)
```
#56c476
```
#56c476 rgb(86,196,118)
```
#4dcd72
```
#4dcd72 rgb(77,205,114)
```
#44d66e
```
#44d66e rgb(68,214,110)
```
#3cde6a
```
#3cde6a rgb(60,222,106)
```
#33e767
```
#33e767 rgb(51,231,103)
```
#2af063
```
#2af063 rgb(42,240,99)
```
#21f95f
```
#21f95f rgb(33,249,95)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8cb498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d362 Protanopia 1% of men
#ffca7d Deuteranopia 1% of men
#76e2f3 Tritanopia 0.001% of the population

Trichromacy

#a4dd62 Protanomaly 1% of men, 0.01% of women
#b1d874 Deuteranomaly 6% of men, 0.4% of women
#5ae7be Tritanomaly 0.01% of the population

#2af063 hex color

#2af063 Color Information

#2af063 Color Conversion

Color Schemes with #2af063

Alternatives to #2af063

#2af063 Preview

Shades and Tints of #2af063

Tones of #2af063

Color Blindness Simulator