#6af31e hex color

In a RGB color space, hex #6af31e is composed of 41.6% red, 95.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 0% magenta, 87.7% yellow and 4.7% black. It has a hue angle of 98.6 degrees, a saturation of 89.9% and a lightness of 53.5%. #6af31e color hex could be obtained by blending #d4ff3c with #00e700. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 42
- G 95
- B 12
RGB color chart
- C 56
- M 0
- Y 88
- K 5
CMYK color chart

● #6af31e color description : Vivid green.

The hexadecimal color #6af31e has RGB values of R:106, G:243, B:30 and CMYK values of C:0.56, M:0, Y:0.88, K:0.05. Its decimal value is 7009054.

Hex triplet	6af31e	`#6af31e`
RGB Decimal	106, 243, 30	`rgb(106,243,30)`
RGB Percent	41.6, 95.3, 11.8	`rgb(41.6%,95.3%,11.8%)`
CMYK	56, 0, 88, 5
HSL	98.6°, 89.9, 53.5	`hsl(98.6,89.9%,53.5%)`
HSV (or HSB)	98.6°, 87.7, 95.3
Web Safe	66ff33	`#66ff33`

CIE-LAB	85.633, -68.999, 78.822
XYZ	38.227, 67.256, 12.196
xyY	0.325, 0.572, 67.256
CIE-LCH	85.633, 104.756, 131.198
CIE-LUV	85.633, -63.159, 100.459
Hunter-Lab	82.01, -60.313, 48.59
Binary	01101010, 11110011, 00011110

#6af31e
```
#6af31e rgb(106,243,30)
```
#a71ef3
```
#a71ef3 rgb(167,30,243)
```

Complementary Color

#d5f31e
```
#d5f31e rgb(213,243,30)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#1ef33d
```
#1ef33d rgb(30,243,61)
```

Analogous Color

#f31ed5
```
#f31ed5 rgb(243,30,213)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#3d1ef3
```
#3d1ef3 rgb(61,30,243)
```

Split Complementary Color

#f31e6a
```
#f31e6a rgb(243,30,106)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#1e6af3
```
#1e6af3 rgb(30,106,243)
```

Triadic Color

#f3a71e
```
#f3a71e rgb(243,167,30)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#1e6af3
```
#1e6af3 rgb(30,106,243)
```
#a71ef3
```
#a71ef3 rgb(167,30,243)
```

Tetradic Color

#49bb0a
```
#49bb0a rgb(73,187,10)
```
#52d30b
```
#52d30b rgb(82,211,11)
```
#5ceb0d
```
#5ceb0d rgb(92,235,13)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#7af436
```
#7af436 rgb(122,244,54)
```
#8af64e
```
#8af64e rgb(138,246,78)
```
#9af767
```
#9af767 rgb(154,247,103)
```

Monochromatic Color

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

#9ff31e
```
#9ff31e rgb(159,243,30)
```
#8ef31e
```
#8ef31e rgb(142,243,30)
```
#7cf31e
```
#7cf31e rgb(124,243,30)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#58f31e
```
#58f31e rgb(88,243,30)
```
#46f31e
```
#46f31e rgb(70,243,30)
```
#35f31e
```
#35f31e rgb(53,243,30)
```

Similar Colors

Text with hexadecimal color #6af31e

This text has a font color of #6af31e.

<span style="color:#6af31e;">Text here</span>

#6af31e background color

This paragraph has a background color of #6af31e.

<p style="background-color:#6af31e;">Content here</p>

#6af31e border color

This element has a border color of #6af31e.

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

CSS codes

.text {color:#6af31e;}

.background {background-color:#6af31e;}

.border {border:1px solid #6af31e;}

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

#071101
```
#071101 rgb(7,17,1)
```
#0e2402
```
#0e2402 rgb(14,36,2)
```
#153603
```
#153603 rgb(21,54,3)
```
#1d4904
```
#1d4904 rgb(29,73,4)
```
#245c05
```
#245c05 rgb(36,92,5)
```
#2b6e06
```
#2b6e06 rgb(43,110,6)
```
#328107
```
#328107 rgb(50,129,7)
```
#3a9308
```
#3a9308 rgb(58,147,8)
```
#41a609
```
#41a609 rgb(65,166,9)
```
#48b90a
```
#48b90a rgb(72,185,10)
```
#50cb0b
```
#50cb0b rgb(80,203,11)
```
#57de0c
```
#57de0c rgb(87,222,12)
```
#5ef10d
```
#5ef10d rgb(94,241,13)
```

Shade Color Variation

#6af31e
```
#6af31e rgb(106,243,30)
```
#76f431
```
#76f431 rgb(118,244,49)
```
#83f543
```
#83f543 rgb(131,245,67)
```
#8ff656
```
#8ff656 rgb(143,246,86)
```
#9bf768
```
#9bf768 rgb(155,247,104)
```
#a8f87b
```
#a8f87b rgb(168,248,123)
```
#b4f98e
```
#b4f98e rgb(180,249,142)
```
#c0faa0
```
#c0faa0 rgb(192,250,160)
```
#cdfbb3
```
#cdfbb3 rgb(205,251,179)
```
#d9fcc6
```
#d9fcc6 rgb(217,252,198)
```
#e5fdd8
```
#e5fdd8 rgb(229,253,216)
```
#f2feeb
```
#f2feeb rgb(242,254,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#878f82
```
#878f82 rgb(135,143,130)
```
#849879
```
#849879 rgb(132,152,121)
```
#81a170
```
#81a170 rgb(129,161,112)
```
#7faa67
```
#7faa67 rgb(127,170,103)
```
#7cb35e
```
#7cb35e rgb(124,179,94)
```
#7abc55
```
#7abc55 rgb(122,188,85)
```
#77c54c
```
#77c54c rgb(119,197,76)
```
#74cf42
```
#74cf42 rgb(116,207,66)
```
#72d839
```
#72d839 rgb(114,216,57)
```
#6fe130
```
#6fe130 rgb(111,225,48)
```
#6dea27
```
#6dea27 rgb(109,234,39)
```
#6af31e
```
#6af31e rgb(106,243,30)
```
#67fc15
```
#67fc15 rgb(103,252,21)
```

Tone Color Variation

Below, you can see how #6af31e 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

#b2b2b2 Achromatopsia 0.005% of the population
#a4bf94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d820 Protanopia 1% of men
#ffd089 Deuteranopia 1% of men
#9ae3f4 Tritanopia 0.001% of the population

Trichromacy

#c0e21f Protanomaly 1% of men, 0.01% of women
#c8dd62 Deuteranomaly 6% of men, 0.4% of women
#88e9a6 Tritanomaly 0.01% of the population

#6af31e hex color

#6af31e Color Information

#6af31e Color Conversion

Color Schemes with #6af31e

Alternatives to #6af31e

#6af31e Preview

Shades and Tints of #6af31e

Tones of #6af31e

Color Blindness Simulator