#6af456 hex color

In a RGB color space, hex #6af456 is composed of 41.6% red, 95.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 64.8% yellow and 4.3% black. It has a hue angle of 112.4 degrees, a saturation of 87.8% and a lightness of 64.7%. #6af456 color hex could be obtained by blending #d4ffac with #00e900. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 42
- G 96
- B 34
RGB color chart
- C 57
- M 0
- Y 65
- K 4
CMYK color chart

● #6af456 color description : Soft lime green.

The hexadecimal color #6af456 has RGB values of R:106, G:244, B:86 and CMYK values of C:0.57, M:0, Y:0.65, K:0.04. Its decimal value is 7009366.

Hex triplet	6af456	`#6af456`
RGB Decimal	106, 244, 86	`rgb(106,244,86)`
RGB Percent	41.6, 95.7, 33.7	`rgb(41.6%,95.7%,33.7%)`
CMYK	57, 0, 65, 4
HSL	112.4°, 87.8, 64.7	`hsl(112.4,87.8%,64.7%)`
HSV (or HSB)	112.4°, 64.8, 95.7
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.223, -66.009, 62.735
XYZ	39.972, 68.434, 19.906
xyY	0.312, 0.533, 68.434
CIE-LCH	86.223, 91.065, 136.457
CIE-LUV	86.223, -62.623, 88.049
Hunter-Lab	82.725, -58.518, 43.64
Binary	01101010, 11110100, 01010110

#6af456
```
#6af456 rgb(106,244,86)
```
#e056f4
```
#e056f4 rgb(224,86,244)
```

Complementary Color

#b9f456
```
#b9f456 rgb(185,244,86)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#56f491
```
#56f491 rgb(86,244,145)
```

Analogous Color

#f456b9
```
#f456b9 rgb(244,86,185)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#9156f4
```
#9156f4 rgb(145,86,244)
```

Split Complementary Color

#f4566a
```
#f4566a rgb(244,86,106)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#566af4
```
#566af4 rgb(86,106,244)
```

Triadic Color

#f4e056
```
#f4e056 rgb(244,224,86)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#566af4
```
#566af4 rgb(86,106,244)
```
#e056f4
```
#e056f4 rgb(224,86,244)
```

Tetradic Color

#2cee0f
```
#2cee0f rgb(44,238,15)
```
#40f126
```
#40f126 rgb(64,241,38)
```
#55f23e
```
#55f23e rgb(85,242,62)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#7ff66e
```
#7ff66e rgb(127,246,110)
```
#94f786
```
#94f786 rgb(148,247,134)
```
#a9f99e
```
#a9f99e rgb(169,249,158)
```

Monochromatic Color

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

#92f456
```
#92f456 rgb(146,244,86)
```
#84f456
```
#84f456 rgb(132,244,86)
```
#77f456
```
#77f456 rgb(119,244,86)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#5df456
```
#5df456 rgb(93,244,86)
```
#56f45c
```
#56f45c rgb(86,244,92)
```
#56f46a
```
#56f46a rgb(86,244,106)
```

Similar Colors

Text with hexadecimal color #6af456

This text has a font color of #6af456.

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

#6af456 background color

This paragraph has a background color of #6af456.

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

#6af456 border color

This element has a border color of #6af456.

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

CSS codes

.text {color:#6af456;}

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

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

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, #030f01 is the darkest color, while #fcfffc is the lightest one.

#030f01
```
#030f01 rgb(3,15,1)
```
#062202
```
#062202 rgb(6,34,2)
```
#0a3403
```
#0a3403 rgb(10,52,3)
```
#0d4605
```
#0d4605 rgb(13,70,5)
```
#105906
```
#105906 rgb(16,89,6)
```
#146b07
```
#146b07 rgb(20,107,7)
```
#177e08
```
#177e08 rgb(23,126,8)
```
#1a9009
```
#1a9009 rgb(26,144,9)
```
#1ea30b
```
#1ea30b rgb(30,163,11)
```
#21b50c
```
#21b50c rgb(33,181,12)
```
#25c70d
```
#25c70d rgb(37,199,13)
```
#28da0e
```
#28da0e rgb(40,218,14)
```
#2bec0f
```
#2bec0f rgb(43,236,15)
```

Shade Color Variation

#39f01f
```
#39f01f rgb(57,240,31)
```
#4af231
```
#4af231 rgb(74,242,49)
```
#5af344
```
#5af344 rgb(90,243,68)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#7af568
```
#7af568 rgb(122,245,104)
```
#8af67b
```
#8af67b rgb(138,246,123)
```
#9bf88d
```
#9bf88d rgb(155,248,141)
```
#abf9a0
```
#abf9a0 rgb(171,249,160)
```
#bbfab2
```
#bbfab2 rgb(187,250,178)
```
#cbfbc5
```
#cbfbc5 rgb(203,251,197)
```
#dcfcd7
```
#dcfcd7 rgb(220,252,215)
```
#ecfee9
```
#ecfee9 rgb(236,254,233)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

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

#a3a8a2
```
#a3a8a2 rgb(163,168,162)
```
#9eaf9b
```
#9eaf9b rgb(158,175,155)
```
#99b694
```
#99b694 rgb(153,182,148)
```
#93bd8d
```
#93bd8d rgb(147,189,141)
```
#8ec486
```
#8ec486 rgb(142,196,134)
```
#89ca80
```
#89ca80 rgb(137,202,128)
```
#84d179
```
#84d179 rgb(132,209,121)
```
#7fd872
```
#7fd872 rgb(127,216,114)
```
#7adf6b
```
#7adf6b rgb(122,223,107)
```
#74e664
```
#74e664 rgb(116,230,100)
```
#6fed5d
```
#6fed5d rgb(111,237,93)
```
#6af456
```
#6af456 rgb(106,244,86)
```
#65fb4f
```
#65fb4f rgb(101,251,79)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a9c5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2da57 Protanopia 1% of men
#ffd294 Deuteranopia 1% of men
#98e5f6 Tritanopia 0.001% of the population

Trichromacy

#c0e356 Protanomaly 1% of men, 0.01% of women
#c8de7e Deuteranomaly 6% of men, 0.4% of women
#87eabc Tritanomaly 0.01% of the population

#6af456 hex color

#6af456 Color Information

#6af456 Color Conversion

Color Schemes with #6af456

Alternatives to #6af456

#6af456 Preview

Shades and Tints of #6af456

Tones of #6af456

Color Blindness Simulator