#6afcc2 hex color

In a RGB color space, hex #6afcc2 is composed of 41.6% red, 98.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 23% yellow and 1.2% black. It has a hue angle of 156.2 degrees, a saturation of 96.1% and a lightness of 70.2%. #6afcc2 color hex could be obtained by blending #d4ffff with #00f985. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 99
- B 76
RGB color chart
- C 58
- M 0
- Y 23
- K 1
CMYK color chart

● #6afcc2 color description : Soft cyan - lime green.

The hexadecimal color #6afcc2 has RGB values of R:106, G:252, B:194 and CMYK values of C:0.58, M:0, Y:0.23, K:0.01. Its decimal value is 7011522.

Hex triplet	6afcc2	`#6afcc2`
RGB Decimal	106, 252, 194	`rgb(106,252,194)`
RGB Percent	41.6, 98.8, 76.1	`rgb(41.6%,98.8%,76.1%)`
CMYK	58, 0, 23, 1
HSL	156.2°, 96.1, 70.2	`hsl(156.2,96.1%,70.2%)`
HSV (or HSB)	156.2°, 57.9, 98.8
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.126, -52.503, 16.182
XYZ	50.488, 76.576, 63.156
xyY	0.265, 0.403, 76.576
CIE-LCH	90.126, 54.94, 162.871
CIE-LUV	90.126, -61.397, 32.783
Hunter-Lab	87.508, -50.152, 18.465
Binary	01101010, 11111100, 11000010

#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#fc6aa4
```
#fc6aa4 rgb(252,106,164)
```

Complementary Color

#6afc79
```
#6afc79 rgb(106,252,121)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#6aedfc
```
#6aedfc rgb(106,237,252)
```

Analogous Color

#fc796a
```
#fc796a rgb(252,121,106)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#fc6aed
```
#fc6aed rgb(252,106,237)
```

Split Complementary Color

#fcc26a
```
#fcc26a rgb(252,194,106)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#c26afc
```
#c26afc rgb(194,106,252)
```

Triadic Color

#a4fc6a
```
#a4fc6a rgb(164,252,106)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#c26afc
```
#c26afc rgb(194,106,252)
```
#fc6aa4
```
#fc6aa4 rgb(252,106,164)
```

Tetradic Color

#1ffaa3
```
#1ffaa3 rgb(31,250,163)
```
#38fbae
```
#38fbae rgb(56,251,174)
```
#51fbb8
```
#51fbb8 rgb(81,251,184)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#83fdcc
```
#83fdcc rgb(131,253,204)
```
#9cfdd6
```
#9cfdd6 rgb(156,253,214)
```
#b5fee1
```
#b5fee1 rgb(181,254,225)
```

Monochromatic Color

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

#6afc9e
```
#6afc9e rgb(106,252,158)
```
#6afcaa
```
#6afcaa rgb(106,252,170)
```
#6afcb6
```
#6afcb6 rgb(106,252,182)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#6afcce
```
#6afcce rgb(106,252,206)
```
#6afcda
```
#6afcda rgb(106,252,218)
```
#6afce7
```
#6afce7 rgb(106,252,231)
```

Similar Colors

Text with hexadecimal color #6afcc2

This text has a font color of #6afcc2.

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

#6afcc2 background color

This paragraph has a background color of #6afcc2.

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

#6afcc2 border color

This element has a border color of #6afcc2.

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

CSS codes

.text {color:#6afcc2;}

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

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

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

#000503
```
#000503 rgb(0,5,3)
```
#00180f
```
#00180f rgb(0,24,15)
```
#012b1a
```
#012b1a rgb(1,43,26)
```
#013f26
```
#013f26 rgb(1,63,38)
```
#025232
```
#025232 rgb(2,82,50)
```
#02653e
```
#02653e rgb(2,101,62)
```
#027849
```
#027849 rgb(2,120,73)
```
#038b55
```
#038b55 rgb(3,139,85)
```
#039f61
```
#039f61 rgb(3,159,97)
```
#04b26d
```
#04b26d rgb(4,178,109)
```
#04c578
```
#04c578 rgb(4,197,120)
```
#04d884
```
#04d884 rgb(4,216,132)
```
#05ec90
```
#05ec90 rgb(5,236,144)
```

Shade Color Variation

#0afa9b
```
#0afa9b rgb(10,250,155)
```
#1dfaa3
```
#1dfaa3 rgb(29,250,163)
```
#30fbaa
```
#30fbaa rgb(48,251,170)
```
#44fbb2
```
#44fbb2 rgb(68,251,178)
```
#57fcba
```
#57fcba rgb(87,252,186)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```
#7dfcca
```
#7dfcca rgb(125,252,202)
```
#90fdd2
```
#90fdd2 rgb(144,253,210)
```
#a4fdda
```
#a4fdda rgb(164,253,218)
```
#b7fee1
```
#b7fee1 rgb(183,254,225)
```
#cafee9
```
#cafee9 rgb(202,254,233)
```
#ddfef1
```
#ddfef1 rgb(221,254,241)
```
#f1fff9
```
#f1fff9 rgb(241,255,249)
```

Tint Color Variation

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

#b0b6b4
```
#b0b6b4 rgb(176,182,180)
```
#aabcb5
```
#aabcb5 rgb(170,188,181)
```
#a4c2b6
```
#a4c2b6 rgb(164,194,182)
```
#9fc7b7
```
#9fc7b7 rgb(159,199,183)
```
#99cdb8
```
#99cdb8 rgb(153,205,184)
```
#93d3ba
```
#93d3ba rgb(147,211,186)
```
#8dd9bb
```
#8dd9bb rgb(141,217,187)
```
#87dfbc
```
#87dfbc rgb(135,223,188)
```
#81e5bd
```
#81e5bd rgb(129,229,189)
```
#7ceabe
```
#7ceabe rgb(124,234,190)
```
#76f0c0
```
#76f0c0 rgb(118,240,192)
```
#70f6c1
```
#70f6c1 rgb(112,246,193)
```
#6afcc2
```
#6afcc2 rgb(106,252,194)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#b7d4c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e3ba Protanopia 1% of men
#ffddd1 Deuteranopia 1% of men
#a2f0ff Tritanopia 0.001% of the population

Trichromacy

#c0ecbc Protanomaly 1% of men, 0.01% of women
#c8e8cb Deuteranomaly 6% of men, 0.4% of women
#8ef4e8 Tritanomaly 0.01% of the population

#6afcc2 hex color

#6afcc2 Color Information

#6afcc2 Color Conversion

Color Schemes with #6afcc2

Alternatives to #6afcc2

#6afcc2 Preview

Shades and Tints of #6afcc2

Tones of #6afcc2

Color Blindness Simulator