#2afd23 hex color

In a RGB color space, hex #2afd23 is composed of 16.5% red, 99.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 86.2% yellow and 0.8% black. It has a hue angle of 118.1 degrees, a saturation of 98.2% and a lightness of 56.5%. #2afd23 color hex could be obtained by blending #54ff46 with #00fb00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 16
- G 99
- B 14
RGB color chart
- C 83
- M 0
- Y 86
- K 1
CMYK color chart

● #2afd23 color description : Vivid lime green.

The hexadecimal color #2afd23 has RGB values of R:42, G:253, B:35 and CMYK values of C:0.83, M:0, Y:0.86, K:0.01. Its decimal value is 2817315.

Hex triplet	2afd23	`#2afd23`
RGB Decimal	42, 253, 35	`rgb(42,253,35)`
RGB Percent	16.5, 99.2, 13.7	`rgb(16.5%,99.2%,13.7%)`
CMYK	83, 0, 86, 1
HSL	118.1°, 98.2, 56.5	`hsl(118.1,98.2%,56.5%)`
HSV (or HSB)	118.1°, 86.2, 99.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.417, -82.726, 78.947
XYZ	36.381, 70.86, 13.35
xyY	0.302, 0.588, 70.86
CIE-LCH	87.417, 114.352, 136.339
CIE-LUV	87.417, -79.676, 103.884
Hunter-Lab	84.178, -70.166, 49.522
Binary	00101010, 11111101, 00100011

#2afd23
```
#2afd23 rgb(42,253,35)
```
#f623fd
```
#f623fd rgb(246,35,253)
```

Complementary Color

#97fd23
```
#97fd23 rgb(151,253,35)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#23fd89
```
#23fd89 rgb(35,253,137)
```

Analogous Color

#fd2397
```
#fd2397 rgb(253,35,151)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#8923fd
```
#8923fd rgb(137,35,253)
```

Split Complementary Color

#fd232a
```
#fd232a rgb(253,35,42)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#232afd
```
#232afd rgb(35,42,253)
```

Triadic Color

#fdf623
```
#fdf623 rgb(253,246,35)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#232afd
```
#232afd rgb(35,42,253)
```
#f623fd
```
#f623fd rgb(246,35,253)
```

Tetradic Color

#09d202
```
#09d202 rgb(9,210,2)
```
#0aeb02
```
#0aeb02 rgb(10,235,2)
```
#12fd0a
```
#12fd0a rgb(18,253,10)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#42fd3c
```
#42fd3c rgb(66,253,60)
```
#5bfd56
```
#5bfd56 rgb(91,253,86)
```
#73fe6f
```
#73fe6f rgb(115,254,111)
```

Monochromatic Color

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

#61fd23
```
#61fd23 rgb(97,253,35)
```
#4efd23
```
#4efd23 rgb(78,253,35)
```
#3cfd23
```
#3cfd23 rgb(60,253,35)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#23fd2e
```
#23fd2e rgb(35,253,46)
```
#23fd40
```
#23fd40 rgb(35,253,64)
```
#23fd52
```
#23fd52 rgb(35,253,82)
```

Similar Colors

Text with hexadecimal color #2afd23

This text has a font color of #2afd23.

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

#2afd23 background color

This paragraph has a background color of #2afd23.

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

#2afd23 border color

This element has a border color of #2afd23.

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

CSS codes

.text {color:#2afd23;}

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

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

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

#010d00
```
#010d00 rgb(1,13,0)
```
#012100
```
#012100 rgb(1,33,0)
```
#023400
```
#023400 rgb(2,52,0)
```
#034801
```
#034801 rgb(3,72,1)
```
#045b01
```
#045b01 rgb(4,91,1)
```
#056e01
```
#056e01 rgb(5,110,1)
```
#058201
```
#058201 rgb(5,130,1)
```
#069501
```
#069501 rgb(6,149,1)
```
#07a902
```
#07a902 rgb(7,169,2)
```
#08bc02
```
#08bc02 rgb(8,188,2)
```
#08d002
```
#08d002 rgb(8,208,2)
```
#09e302
```
#09e302 rgb(9,227,2)
```
#0af702
```
#0af702 rgb(10,247,2)
```

Shade Color Variation

#17fd10
```
#17fd10 rgb(23,253,16)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```
#3dfd36
```
#3dfd36 rgb(61,253,54)
```
#50fd4a
```
#50fd4a rgb(80,253,74)
```
#62fe5d
```
#62fe5d rgb(98,254,93)
```
#75fe71
```
#75fe71 rgb(117,254,113)
```
#88fe84
```
#88fe84 rgb(136,254,132)
```
#9bfe98
```
#9bfe98 rgb(155,254,152)
```
#aefeab
```
#aefeab rgb(174,254,171)
```
#c1febf
```
#c1febf rgb(193,254,191)
```
#d3ffd2
```
#d3ffd2 rgb(211,255,210)
```
#e6ffe5
```
#e6ffe5 rgb(230,255,229)
```
#f9fff9
```
#f9fff9 rgb(249,255,249)
```

Tint Color Variation

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

#8a9789
```
#8a9789 rgb(138,151,137)
```
#829f81
```
#829f81 rgb(130,159,129)
```
#7aa878
```
#7aa878 rgb(122,168,120)
```
#72b070
```
#72b070 rgb(114,176,112)
```
#6ab967
```
#6ab967 rgb(106,185,103)
```
#62c15f
```
#62c15f rgb(98,193,95)
```
#5aca56
```
#5aca56 rgb(90,202,86)
```
#52d24e
```
#52d24e rgb(82,210,78)
```
#4adb45
```
#4adb45 rgb(74,219,69)
```
#42e33d
```
#42e33d rgb(66,227,61)
```
#3aec34
```
#3aec34 rgb(58,236,52)
```
#32f42c
```
#32f42c rgb(50,244,44)
```
#2afd23
```
#2afd23 rgb(42,253,35)
```

Tone Color Variation

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

Dichromacy

#f7dd24 Protanopia 1% of men
#ffd69d Deuteranopia 1% of men
#80ecfd Tritanopia 0.001% of the population

Trichromacy

#ace824 Protanomaly 1% of men, 0.01% of women
#b1e470 Deuteranomaly 6% of men, 0.4% of women
#61f2ae Tritanomaly 0.01% of the population

#2afd23 hex color

#2afd23 Color Information

#2afd23 Color Conversion

Color Schemes with #2afd23

Alternatives to #2afd23

#2afd23 Preview

Shades and Tints of #2afd23

Tones of #2afd23

Color Blindness Simulator