#6af684 hex color

In a RGB color space, hex #6af684 is composed of 41.6% red, 96.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 46.3% yellow and 3.5% black. It has a hue angle of 131.1 degrees, a saturation of 88.6% and a lightness of 69%. #6af684 color hex could be obtained by blending #d4ffff with #00ed09. Closest websafe color is: #66ff99.

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

● #6af684 color description : Soft lime green.

The hexadecimal color #6af684 has RGB values of R:106, G:246, B:132 and CMYK values of C:0.57, M:0, Y:0.46, K:0.04. Its decimal value is 7009924.

Hex triplet	6af684	`#6af684`
RGB Decimal	106, 246, 132	`rgb(106,246,132)`
RGB Percent	41.6, 96.5, 51.8	`rgb(41.6%,96.5%,51.8%)`
CMYK	57, 0, 46, 4
HSL	131.1°, 88.6, 69	`hsl(131.1,88.6%,69%)`
HSV (or HSB)	131.1°, 56.9, 96.5
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.309, -61.276, 43.514
XYZ	43.062, 70.638, 33.194
xyY	0.293, 0.481, 70.638
CIE-LCH	87.309, 75.154, 144.62
CIE-LUV	87.309, -61.931, 68.638
Hunter-Lab	84.047, -55.625, 35.416
Binary	01101010, 11110110, 10000100

#6af684
```
#6af684 rgb(106,246,132)
```
#f66adc
```
#f66adc rgb(246,106,220)
```

Complementary Color

#96f66a
```
#96f66a rgb(150,246,106)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#6af6ca
```
#6af6ca rgb(106,246,202)
```

Analogous Color

#f66a96
```
#f66a96 rgb(246,106,150)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#ca6af6
```
#ca6af6 rgb(202,106,246)
```

Split Complementary Color

#f6846a
```
#f6846a rgb(246,132,106)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#846af6
```
#846af6 rgb(132,106,246)
```

Triadic Color

#dcf66a
```
#dcf66a rgb(220,246,106)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#846af6
```
#846af6 rgb(132,106,246)
```
#f66adc
```
#f66adc rgb(246,106,220)
```

Tetradic Color

#22f248
```
#22f248 rgb(34,242,72)
```
#3af35c
```
#3af35c rgb(58,243,92)
```
#52f570
```
#52f570 rgb(82,245,112)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#82f798
```
#82f798 rgb(130,247,152)
```
#9af9ac
```
#9af9ac rgb(154,249,172)
```
#b2fac0
```
#b2fac0 rgb(178,250,192)
```

Monochromatic Color

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

#73f66a
```
#73f66a rgb(115,246,106)
```
#6af66d
```
#6af66d rgb(106,246,109)
```
#6af678
```
#6af678 rgb(106,246,120)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#6af690
```
#6af690 rgb(106,246,144)
```
#6af69b
```
#6af69b rgb(106,246,155)
```
#6af6a7
```
#6af6a7 rgb(106,246,167)
```

Similar Colors

Text with hexadecimal color #6af684

This text has a font color of #6af684.

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

#6af684 background color

This paragraph has a background color of #6af684.

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

#6af684 border color

This element has a border color of #6af684.

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

CSS codes

.text {color:#6af684;}

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

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

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

#011104
```
#011104 rgb(1,17,4)
```
#022408
```
#022408 rgb(2,36,8)
```
#03360d
```
#03360d rgb(3,54,13)
```
#044911
```
#044911 rgb(4,73,17)
```
#065b15
```
#065b15 rgb(6,91,21)
```
#076e1a
```
#076e1a rgb(7,110,26)
```
#08801e
```
#08801e rgb(8,128,30)
```
#099323
```
#099323 rgb(9,147,35)
```
#0aa527
```
#0aa527 rgb(10,165,39)
```
#0bb82b
```
#0bb82b rgb(11,184,43)
```
#0cca30
```
#0cca30 rgb(12,202,48)
```
#0ddd34
```
#0ddd34 rgb(13,221,52)
```
#0eef38
```
#0eef38 rgb(14,239,56)
```

Shade Color Variation

#20f247
```
#20f247 rgb(32,242,71)
```
#33f356
```
#33f356 rgb(51,243,86)
```
#45f465
```
#45f465 rgb(69,244,101)
```
#58f575
```
#58f575 rgb(88,245,117)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#7cf793
```
#7cf793 rgb(124,247,147)
```
#8ff8a3
```
#8ff8a3 rgb(143,248,163)
```
#a1f9b2
```
#a1f9b2 rgb(161,249,178)
```
#b4fac1
```
#b4fac1 rgb(180,250,193)
```
#c6fcd0
```
#c6fcd0 rgb(198,252,208)
```
#d9fde0
```
#d9fde0 rgb(217,253,224)
```
#ebfeef
```
#ebfeef rgb(235,254,239)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#adb3ae
```
#adb3ae rgb(173,179,174)
```
#a7b9aa
```
#a7b9aa rgb(167,185,170)
```
#a1bfa6
```
#a1bfa6 rgb(161,191,166)
```
#9bc5a3
```
#9bc5a3 rgb(155,197,163)
```
#95cb9f
```
#95cb9f rgb(149,203,159)
```
#8ed29b
```
#8ed29b rgb(142,210,155)
```
#88d897
```
#88d897 rgb(136,216,151)
```
#82de93
```
#82de93 rgb(130,222,147)
```
#7ce48f
```
#7ce48f rgb(124,228,143)
```
#76ea8c
```
#76ea8c rgb(118,234,140)
```
#70f088
```
#70f088 rgb(112,240,136)
```
#6af684
```
#6af684 rgb(106,246,132)
```
#64fc80
```
#64fc80 rgb(100,252,128)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#aecab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dc81 Protanopia 1% of men
#ffd5a8 Deuteranopia 1% of men
#94e9fa Tritanopia 0.001% of the population

Trichromacy

#c0e582 Protanomaly 1% of men, 0.01% of women
#c8e19b Deuteranomaly 6% of men, 0.4% of women
#84eecf Tritanomaly 0.01% of the population

#6af684 hex color

#6af684 Color Information

#6af684 Color Conversion

Color Schemes with #6af684

Alternatives to #6af684

#6af684 Preview

Shades and Tints of #6af684

Tones of #6af684

Color Blindness Simulator