#3af223 hex color

In a RGB color space, hex #3af223 is composed of 22.7% red, 94.9% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 85.5% yellow and 5.1% black. It has a hue angle of 113.3 degrees, a saturation of 88.8% and a lightness of 54.3%. #3af223 color hex could be obtained by blending #74ff46 with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 95
- B 14
RGB color chart
- C 76
- M 0
- Y 86
- K 5
CMYK color chart

● #3af223 color description : Vivid lime green.

The hexadecimal color #3af223 has RGB values of R:58, G:242, B:35 and CMYK values of C:0.76, M:0, Y:0.86, K:0.05. Its decimal value is 3863075.

Hex triplet	3af223	`#3af223`
RGB Decimal	58, 242, 35	`rgb(58,242,35)`
RGB Percent	22.7, 94.9, 13.7	`rgb(22.7%,94.9%,13.7%)`
CMYK	76, 0, 86, 5
HSL	113.3°, 88.8, 54.3	`hsl(113.3,88.8%,54.3%)`
HSV (or HSB)	113.3°, 85.5, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.237, -77.821, 76.238
XYZ	33.799, 64.522, 12.263
xyY	0.306, 0.583, 64.522
CIE-LCH	84.237, 108.941, 135.589
CIE-LUV	84.237, -74.078, 99.519
Hunter-Lab	80.325, -65.462, 47.176
Binary	00111010, 11110010, 00100011

#3af223
```
#3af223 rgb(58,242,35)
```
#db23f2
```
#db23f2 rgb(219,35,242)
```

Complementary Color

#a2f223
```
#a2f223 rgb(162,242,35)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#23f274
```
#23f274 rgb(35,242,116)
```

Analogous Color

#f223a2
```
#f223a2 rgb(242,35,162)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#7423f2
```
#7423f2 rgb(116,35,242)
```

Split Complementary Color

#f2233a
```
#f2233a rgb(242,35,58)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#233af2
```
#233af2 rgb(35,58,242)
```

Triadic Color

#f2db23
```
#f2db23 rgb(242,219,35)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#233af2
```
#233af2 rgb(35,58,242)
```
#db23f2
```
#db23f2 rgb(219,35,242)
```

Tetradic Color

#1fbd0b
```
#1fbd0b rgb(31,189,11)
```
#23d50d
```
#23d50d rgb(35,213,13)
```
#27ed0e
```
#27ed0e rgb(39,237,14)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#50f33b
```
#50f33b rgb(80,243,59)
```
#65f553
```
#65f553 rgb(101,245,83)
```
#7bf66b
```
#7bf66b rgb(123,246,107)
```

Monochromatic Color

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

#6ef223
```
#6ef223 rgb(110,242,35)
```
#5df223
```
#5df223 rgb(93,242,35)
```
#4bf223
```
#4bf223 rgb(75,242,35)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#29f223
```
#29f223 rgb(41,242,35)
```
#23f22f
```
#23f22f rgb(35,242,47)
```
#23f240
```
#23f240 rgb(35,242,64)
```

Similar Colors

Text with hexadecimal color #3af223

This text has a font color of #3af223.

<span style="color:#3af223;">Text here</span>

#3af223 background color

This paragraph has a background color of #3af223.

<p style="background-color:#3af223;">Content here</p>

#3af223 border color

This element has a border color of #3af223.

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

CSS codes

.text {color:#3af223;}

.background {background-color:#3af223;}

.border {border:1px solid #3af223;}

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

#000200
```
#000200 rgb(0,2,0)
```
#031501
```
#031501 rgb(3,21,1)
```
#062702
```
#062702 rgb(6,39,2)
```
#093a03
```
#093a03 rgb(9,58,3)
```
#0c4c05
```
#0c4c05 rgb(12,76,5)
```
#105f06
```
#105f06 rgb(16,95,6)
```
#137107
```
#137107 rgb(19,113,7)
```
#168408
```
#168408 rgb(22,132,8)
```
#199609
```
#199609 rgb(25,150,9)
```
#1ca90a
```
#1ca90a rgb(28,169,10)
```
#1fbb0b
```
#1fbb0b rgb(31,187,11)
```
#22ce0c
```
#22ce0c rgb(34,206,12)
```
#25e10d
```
#25e10d rgb(37,225,13)
```

Shade Color Variation

#29f110
```
#29f110 rgb(41,241,16)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#4bf336
```
#4bf336 rgb(75,243,54)
```
#5bf448
```
#5bf448 rgb(91,244,72)
```
#6cf55b
```
#6cf55b rgb(108,245,91)
```
#7cf66d
```
#7cf66d rgb(124,246,109)
```
#8df780
```
#8df780 rgb(141,247,128)
```
#9ef992
```
#9ef992 rgb(158,249,146)
```
#aefaa5
```
#aefaa5 rgb(174,250,165)
```
#bffbb7
```
#bffbb7 rgb(191,251,183)
```
#cffcca
```
#cffcca rgb(207,252,202)
```
#e0fddc
```
#e0fddc rgb(224,253,220)
```
#f0feef
```
#f0feef rgb(240,254,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f86 is the less saturated color, while #33fb1a is the most saturated one.

#878f86
```
#878f86 rgb(135,143,134)
```
#80987d
```
#80987d rgb(128,152,125)
```
#79a174
```
#79a174 rgb(121,161,116)
```
#72aa6b
```
#72aa6b rgb(114,170,107)
```
#6bb362
```
#6bb362 rgb(107,179,98)
```
#64bc59
```
#64bc59 rgb(100,188,89)
```
#5dc550
```
#5dc550 rgb(93,197,80)
```
#56ce47
```
#56ce47 rgb(86,206,71)
```
#4fd73e
```
#4fd73e rgb(79,215,62)
```
#48e035
```
#48e035 rgb(72,224,53)
```
#41e92c
```
#41e92c rgb(65,233,44)
```
#3af223
```
#3af223 rgb(58,242,35)
```
#33fb1a
```
#33fb1a rgb(51,251,26)
```

Tone Color Variation

Below, you can see how #3af223 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

#a3a3a3 Achromatopsia 0.005% of the population
#8eb389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed425 Protanopia 1% of men
#ffcc77 Deuteranopia 1% of men
#81e2f3 Tritanopia 0.001% of the population

Trichromacy

#acdf24 Protanomaly 1% of men, 0.01% of women
#b7da58 Deuteranomaly 6% of men, 0.4% of women
#67e8a7 Tritanomaly 0.01% of the population

#3af223 hex color

#3af223 Color Information

#3af223 Color Conversion

Color Schemes with #3af223

Alternatives to #3af223

#3af223 Preview

Shades and Tints of #3af223

Tones of #3af223

Color Blindness Simulator