colorhexa.com

#2afb67 hex color

In a RGB color space, hex #2afb67 is composed of 16.5% red, 98.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 59% yellow and 1.6% black. It has a hue angle of 137.5 degrees, a saturation of 96.3% and a lightness of 57.5%. #2afb67 color hex could be obtained by blending #54ffce with #00f700. Closest websafe color is: #33ff66.

- R 16
- G 98
- B 40
RGB color chart
- C 83
- M 0
- Y 59
- K 2
CMYK color chart

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

The hexadecimal color #2afb67 has RGB values of R:42, G:251, B:103 and CMYK values of C:0.83, M:0, Y:0.59, K:0.02. Its decimal value is 2816871.

Hex triplet	2afb67	`#2afb67`
RGB Decimal	42, 251, 103	`rgb(42,251,103)`
RGB Percent	16.5, 98.4, 40.4	`rgb(16.5%,98.4%,40.4%)`
CMYK	83, 0, 59, 2
HSL	137.5°, 96.3, 57.5	`hsl(137.5,96.3%,57.5%)`
HSV (or HSB)	137.5°, 83.3, 98.4
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.223, -76.914, 56.433
XYZ	37.898, 70.462, 24.434
xyY	0.285, 0.531, 70.462
CIE-LCH	87.223, 95.396, 143.732
CIE-LUV	87.223, -77.181, 84.528
Hunter-Lab	83.942, -66.309, 41.5
Binary	00101010, 11111011, 01100111

#2afb67
```
#2afb67 rgb(42,251,103)
```
#fb2abe
```
#fb2abe rgb(251,42,190)
```

Complementary Color

#56fb2a
```
#56fb2a rgb(86,251,42)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#2afbd0
```
#2afbd0 rgb(42,251,208)
```

Analogous Color

#fb2a55
```
#fb2a55 rgb(251,42,85)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#d02afb
```
#d02afb rgb(208,42,251)
```

Split Complementary Color

#fb672a
```
#fb672a rgb(251,103,42)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#672afb
```
#672afb rgb(103,42,251)
```

Triadic Color

#befb2a
```
#befb2a rgb(190,251,42)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#672afb
```
#672afb rgb(103,42,251)
```
#fb2abe
```
#fb2abe rgb(251,42,190)
```

Tetradic Color

#04d541
```
#04d541 rgb(4,213,65)
```
#04ee48
```
#04ee48 rgb(4,238,72)
```
#11fb55
```
#11fb55 rgb(17,251,85)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#43fb79
```
#43fb79 rgb(67,251,121)
```
#5cfc8b
```
#5cfc8b rgb(92,252,139)
```
#75fc9d
```
#75fc9d rgb(117,252,157)
```

Monochromatic Color

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

#2afb33
```
#2afb33 rgb(42,251,51)
```
#2afb44
```
#2afb44 rgb(42,251,68)
```
#2afb56
```
#2afb56 rgb(42,251,86)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#2afb78
```
#2afb78 rgb(42,251,120)
```
#2afb8a
```
#2afb8a rgb(42,251,138)
```
#2afb9b
```
#2afb9b rgb(42,251,155)
```

Similar Colors

Text with hexadecimal color #2afb67

This text has a font color of #2afb67.

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

#2afb67 background color

This paragraph has a background color of #2afb67.

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

#2afb67 border color

This element has a border color of #2afb67.

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

CSS codes

.text {color:#2afb67;}

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

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

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

#001206
```
#001206 rgb(0,18,6)
```
#01250b
```
#01250b rgb(1,37,11)
```
#013911
```
#013911 rgb(1,57,17)
```
#014c17
```
#014c17 rgb(1,76,23)
```
#025f1d
```
#025f1d rgb(2,95,29)
```
#027223
```
#027223 rgb(2,114,35)
```
#038629
```
#038629 rgb(3,134,41)
```
#03992f
```
#03992f rgb(3,153,47)
```
#03ac35
```
#03ac35 rgb(3,172,53)
```
#04bf3a
```
#04bf3a rgb(4,191,58)
```
#04d340
```
#04d340 rgb(4,211,64)
```
#04e646
```
#04e646 rgb(4,230,70)
```
#05f94c
```
#05f94c rgb(5,249,76)
```

Shade Color Variation

#17fb59
```
#17fb59 rgb(23,251,89)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```
#3dfb75
```
#3dfb75 rgb(61,251,117)
```
#51fc82
```
#51fc82 rgb(81,252,130)
```
#64fc90
```
#64fc90 rgb(100,252,144)
```
#77fc9e
```
#77fc9e rgb(119,252,158)
```
#8afdac
```
#8afdac rgb(138,253,172)
```
#9efdb9
```
#9efdb9 rgb(158,253,185)
```
#b1fec7
```
#b1fec7 rgb(177,254,199)
```
#c4fed5
```
#c4fed5 rgb(196,254,213)
```
#d7fee3
```
#d7fee3 rgb(215,254,227)
```
#ebfff0
```
#ebfff0 rgb(235,255,240)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e9791
```
#8e9791 rgb(142,151,145)
```
#869f8d
```
#869f8d rgb(134,159,141)
```
#7da88a
```
#7da88a rgb(125,168,138)
```
#75b086
```
#75b086 rgb(117,176,134)
```
#6db883
```
#6db883 rgb(109,184,131)
```
#64c17f
```
#64c17f rgb(100,193,127)
```
#5cc97c
```
#5cc97c rgb(92,201,124)
```
#54d178
```
#54d178 rgb(84,209,120)
```
#4bda75
```
#4bda75 rgb(75,218,117)
```
#43e271
```
#43e271 rgb(67,226,113)
```
#3bea6e
```
#3bea6e rgb(59,234,110)
```
#32f36a
```
#32f36a rgb(50,243,106)
```
#2afb67
```
#2afb67 rgb(42,251,103)
```

Tone Color Variation

Below, you can see how #2afb67 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
#92bc9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3dc65 Protanopia 1% of men
#ffd5a1 Deuteranopia 1% of men
#7aecfd Tritanopia 0.001% of the population

Trichromacy

#aae766 Protanomaly 1% of men, 0.01% of women
#b1e38c Deuteranomaly 6% of men, 0.4% of women
#5df1c6 Tritanomaly 0.01% of the population