#2af665 hex color

In a RGB color space, hex #2af665 is composed of 16.5% red, 96.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 58.9% yellow and 3.5% black. It has a hue angle of 137.4 degrees, a saturation of 91.9% and a lightness of 56.5%. #2af665 color hex could be obtained by blending #54ffca with #00ed00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 96
- B 40
RGB color chart
- C 83
- M 0
- Y 59
- K 4
CMYK color chart

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

The hexadecimal color #2af665 has RGB values of R:42, G:246, B:101 and CMYK values of C:0.83, M:0, Y:0.59, K:0.04. Its decimal value is 2815589.

Hex triplet	2af665	`#2af665`
RGB Decimal	42, 246, 101	`rgb(42,246,101)`
RGB Percent	16.5, 96.5, 39.6	`rgb(16.5%,96.5%,39.6%)`
CMYK	83, 0, 59, 4
HSL	137.4°, 91.9, 56.5	`hsl(137.4,91.9%,56.5%)`
HSV (or HSB)	137.4°, 82.9, 96.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.675, -75.632, 55.507
XYZ	36.257, 67.339, 23.398
xyY	0.286, 0.53, 67.339
CIE-LCH	85.675, 93.815, 143.724
CIE-LUV	85.675, -75.68, 82.931
Hunter-Lab	82.061, -64.739, 40.537
Binary	00101010, 11110110, 01100101

#2af665
```
#2af665 rgb(42,246,101)
```
#f62abb
```
#f62abb rgb(246,42,187)
```

Complementary Color

#55f62a
```
#55f62a rgb(85,246,42)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#2af6cb
```
#2af6cb rgb(42,246,203)
```

Analogous Color

#f62a55
```
#f62a55 rgb(246,42,85)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#cb2af6
```
#cb2af6 rgb(203,42,246)
```

Split Complementary Color

#f6652a
```
#f6652a rgb(246,101,42)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#652af6
```
#652af6 rgb(101,42,246)
```

Triadic Color

#bbf62a
```
#bbf62a rgb(187,246,42)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#652af6
```
#652af6 rgb(101,42,246)
```
#f62abb
```
#f62abb rgb(246,42,187)
```

Tetradic Color

#09cb41
```
#09cb41 rgb(9,203,65)
```
#0ae349
```
#0ae349 rgb(10,227,73)
```
#12f553
```
#12f553 rgb(18,245,83)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#42f777
```
#42f777 rgb(66,247,119)
```
#5bf888
```
#5bf888 rgb(91,248,136)
```
#73f99a
```
#73f99a rgb(115,249,154)
```

Monochromatic Color

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

#2af632
```
#2af632 rgb(42,246,50)
```
#2af643
```
#2af643 rgb(42,246,67)
```
#2af654
```
#2af654 rgb(42,246,84)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#2af676
```
#2af676 rgb(42,246,118)
```
#2af687
```
#2af687 rgb(42,246,135)
```
#2af698
```
#2af698 rgb(42,246,152)
```

Similar Colors

Text with hexadecimal color #2af665

This text has a font color of #2af665.

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

#2af665 background color

This paragraph has a background color of #2af665.

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

#2af665 border color

This element has a border color of #2af665.

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

CSS codes

.text {color:#2af665;}

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

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

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

#010d04
```
#010d04 rgb(1,13,4)
```
#01200a
```
#01200a rgb(1,32,10)
```
#023210
```
#023210 rgb(2,50,16)
```
#034516
```
#034516 rgb(3,69,22)
```
#04581c
```
#04581c rgb(4,88,28)
```
#056b22
```
#056b22 rgb(5,107,34)
```
#057e28
```
#057e28 rgb(5,126,40)
```
#06912e
```
#06912e rgb(6,145,46)
```
#07a334
```
#07a334 rgb(7,163,52)
```
#08b63a
```
#08b63a rgb(8,182,58)
```
#08c940
```
#08c940 rgb(8,201,64)
```
#09dc46
```
#09dc46 rgb(9,220,70)
```
#0aef4c
```
#0aef4c rgb(10,239,76)
```

Shade Color Variation

#17f557
```
#17f557 rgb(23,245,87)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#3df773
```
#3df773 rgb(61,247,115)
```
#50f880
```
#50f880 rgb(80,248,128)
```
#62f88e
```
#62f88e rgb(98,248,142)
```
#75f99b
```
#75f99b rgb(117,249,155)
```
#88faa9
```
#88faa9 rgb(136,250,169)
```
#9bfbb7
```
#9bfbb7 rgb(155,251,183)
```
#aefcc4
```
#aefcc4 rgb(174,252,196)
```
#c1fcd2
```
#c1fcd2 rgb(193,252,210)
```
#d3fddf
```
#d3fddf rgb(211,253,223)
```
#e6feed
```
#e6feed rgb(230,254,237)
```
#f9fffb
```
#f9fffb rgb(249,255,251)
```

Tint Color Variation

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

#88988d
```
#88988d rgb(136,152,141)
```
#7fa189
```
#7fa189 rgb(127,161,137)
```
#77a985
```
#77a985 rgb(119,169,133)
```
#6eb282
```
#6eb282 rgb(110,178,130)
```
#66ba7e
```
#66ba7e rgb(102,186,126)
```
#5dc37b
```
#5dc37b rgb(93,195,123)
```
#55cb77
```
#55cb77 rgb(85,203,119)
```
#4cd473
```
#4cd473 rgb(76,212,115)
```
#44dc70
```
#44dc70 rgb(68,220,112)
```
#3be56c
```
#3be56c rgb(59,229,108)
```
#33ed69
```
#33ed69 rgb(51,237,105)
```
#2af665
```
#2af665 rgb(42,246,101)
```
#21ff61
```
#21ff61 rgb(33,255,97)
```

Tone Color Variation

Below, you can see how #2af665 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
#8fb89b Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd863 Protanopia 1% of men
#ffd092 Deuteranopia 1% of men
#78e7f8 Tritanopia 0.001% of the population

Trichromacy

#a7e364 Protanomaly 1% of men, 0.01% of women
#b1de82 Deuteranomaly 6% of men, 0.4% of women
#5cedc3 Tritanomaly 0.01% of the population

#2af665 hex color

#2af665 Color Information

#2af665 Color Conversion

Color Schemes with #2af665

Alternatives to #2af665

#2af665 Preview

Shades and Tints of #2af665

Tones of #2af665

Color Blindness Simulator