#3af226 hex color

In a RGB color space, hex #3af226 is composed of 22.7% red, 94.9% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 114.1 degrees, a saturation of 88.7% and a lightness of 54.9%. #3af226 color hex could be obtained by blending #74ff4c with #00e500. Closest websafe color is: #33ff33.

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

● #3af226 color description : Bright lime green.

The hexadecimal color #3af226 has RGB values of R:58, G:242, B:38 and CMYK values of C:0.76, M:0, Y:0.84, K:0.05. Its decimal value is 3863078.

Hex triplet	3af226	`#3af226`
RGB Decimal	58, 242, 38	`rgb(58,242,38)`
RGB Percent	22.7, 94.9, 14.9	`rgb(22.7%,94.9%,14.9%)`
CMYK	76, 0, 84, 5
HSL	114.1°, 88.7, 54.9	`hsl(114.1,88.7%,54.9%)`
HSV (or HSB)	114.1°, 84.3, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.246, -77.7, 75.616
XYZ	33.845, 64.54, 12.507
xyY	0.305, 0.582, 64.54
CIE-LCH	84.246, 108.421, 135.779
CIE-LUV	84.246, -74.036, 99.082
Hunter-Lab	80.337, -65.39, 47.005
Binary	00111010, 11110010, 00100110

#3af226
```
#3af226 rgb(58,242,38)
```
#de26f2
```
#de26f2 rgb(222,38,242)
```

Complementary Color

#a0f226
```
#a0f226 rgb(160,242,38)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#26f278
```
#26f278 rgb(38,242,120)
```

Analogous Color

#f226a0
```
#f226a0 rgb(242,38,160)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#7826f2
```
#7826f2 rgb(120,38,242)
```

Split Complementary Color

#f2263a
```
#f2263a rgb(242,38,58)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#263af2
```
#263af2 rgb(38,58,242)
```

Triadic Color

#f2de26
```
#f2de26 rgb(242,222,38)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#263af2
```
#263af2 rgb(38,58,242)
```
#de26f2
```
#de26f2 rgb(222,38,242)
```

Tetradic Color

#1dc00c
```
#1dc00c rgb(29,192,12)
```
#21d80d
```
#21d80d rgb(33,216,13)
```
#25f00e
```
#25f00e rgb(37,240,14)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#50f33e
```
#50f33e rgb(80,243,62)
```
#66f556
```
#66f556 rgb(102,245,86)
```
#7cf66e
```
#7cf66e rgb(124,246,110)
```

Monochromatic Color

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

#6df226
```
#6df226 rgb(109,242,38)
```
#5cf226
```
#5cf226 rgb(92,242,38)
```
#4bf226
```
#4bf226 rgb(75,242,38)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#29f226
```
#29f226 rgb(41,242,38)
```
#26f234
```
#26f234 rgb(38,242,52)
```
#26f245
```
#26f245 rgb(38,242,69)
```

Similar Colors

Text with hexadecimal color #3af226

This text has a font color of #3af226.

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

#3af226 background color

This paragraph has a background color of #3af226.

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

#3af226 border color

This element has a border color of #3af226.

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

CSS codes

.text {color:#3af226;}

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

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

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

#010500
```
#010500 rgb(1,5,0)
```
#041801
```
#041801 rgb(4,24,1)
```
#062a03
```
#062a03 rgb(6,42,3)
```
#093d04
```
#093d04 rgb(9,61,4)
```
#0c4f05
```
#0c4f05 rgb(12,79,5)
```
#0f6206
```
#0f6206 rgb(15,98,6)
```
#127407
```
#127407 rgb(18,116,7)
```
#148708
```
#148708 rgb(20,135,8)
```
#179909
```
#179909 rgb(23,153,9)
```
#1aac0a
```
#1aac0a rgb(26,172,10)
```
#1dbe0b
```
#1dbe0b rgb(29,190,11)
```
#20d10d
```
#20d10d rgb(32,209,13)
```
#23e30e
```
#23e30e rgb(35,227,14)
```

Shade Color Variation

#29f113
```
#29f113 rgb(41,241,19)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#4bf339
```
#4bf339 rgb(75,243,57)
```
#5cf44b
```
#5cf44b rgb(92,244,75)
```
#6cf55e
```
#6cf55e rgb(108,245,94)
```
#7df670
```
#7df670 rgb(125,246,112)
```
#8ef883
```
#8ef883 rgb(142,248,131)
```
#9ff995
```
#9ff995 rgb(159,249,149)
```
#b0faa8
```
#b0faa8 rgb(176,250,168)
```
#c0fbba
```
#c0fbba rgb(192,251,186)
```
#d1fccd
```
#d1fccd rgb(209,252,205)
```
#e2fddf
```
#e2fddf rgb(226,253,223)
```
#f3fef2
```
#f3fef2 rgb(243,254,242)
```

Tint Color Variation

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

#889187
```
#889187 rgb(136,145,135)
```
#819a7e
```
#819a7e rgb(129,154,126)
```
#7aa276
```
#7aa276 rgb(122,162,118)
```
#73ab6d
```
#73ab6d rgb(115,171,109)
```
#6cb464
```
#6cb464 rgb(108,180,100)
```
#65bd5b
```
#65bd5b rgb(101,189,91)
```
#5ec652
```
#5ec652 rgb(94,198,82)
```
#56cf49
```
#56cf49 rgb(86,207,73)
```
#4fd741
```
#4fd741 rgb(79,215,65)
```
#48e038
```
#48e038 rgb(72,224,56)
```
#41e92f
```
#41e92f rgb(65,233,47)
```
#3af226
```
#3af226 rgb(58,242,38)
```
#33fb1d
```
#33fb1d rgb(51,251,29)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8fb48b Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed428 Protanopia 1% of men
#ffcc78 Deuteranopia 1% of men
#81e2f3 Tritanopia 0.001% of the population

Trichromacy

#acdf27 Protanomaly 1% of men, 0.01% of women
#b7da5a Deuteranomaly 6% of men, 0.4% of women
#67e8a8 Tritanomaly 0.01% of the population

#3af226 hex color

#3af226 Color Information

#3af226 Color Conversion

Color Schemes with #3af226

Alternatives to #3af226

#3af226 Preview

Shades and Tints of #3af226

Tones of #3af226

Color Blindness Simulator