#6afedf hex color

In a RGB color space, hex #6afedf is composed of 41.6% red, 99.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 12.2% yellow and 0.4% black. It has a hue angle of 167.4 degrees, a saturation of 98.7% and a lightness of 70.6%. #6afedf color hex could be obtained by blending #d4ffff with #00fdbf. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 100
- B 87
RGB color chart
- C 58
- M 0
- Y 12
- K 0
CMYK color chart

● #6afedf color description : Soft cyan.

The hexadecimal color #6afedf has RGB values of R:106, G:254, B:223 and CMYK values of C:0.58, M:0, Y:0.12, K:0. Its decimal value is 7012063.

Hex triplet	6afedf	`#6afedf`
RGB Decimal	106, 254, 223	`rgb(106,254,223)`
RGB Percent	41.6, 99.6, 87.5	`rgb(41.6%,99.6%,87.5%)`
CMYK	58, 0, 12, 0
HSL	167.4°, 98.7, 70.6	`hsl(167.4,98.7%,70.6%)`
HSV (or HSB)	167.4°, 58.3, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.357, -46.846, 2.969
XYZ	54.701, 79.271, 82.226
xyY	0.253, 0.367, 79.271
CIE-LCH	91.357, 46.94, 176.374
CIE-LUV	91.357, -60.613, 12.279
Hunter-Lab	89.034, -46.144, 7.568
Binary	01101010, 11111110, 11011111

#6afedf
```
#6afedf rgb(106,254,223)
```
#fe6a89
```
#fe6a89 rgb(254,106,137)
```

Complementary Color

#6afe95
```
#6afe95 rgb(106,254,149)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#6ad3fe
```
#6ad3fe rgb(106,211,254)
```

Analogous Color

#fe956a
```
#fe956a rgb(254,149,106)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#fe6ad3
```
#fe6ad3 rgb(254,106,211)
```

Split Complementary Color

#fedf6a
```
#fedf6a rgb(254,223,106)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#df6afe
```
#df6afe rgb(223,106,254)
```

Triadic Color

#89fe6a
```
#89fe6a rgb(137,254,106)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#df6afe
```
#df6afe rgb(223,106,254)
```
#fe6a89
```
#fe6a89 rgb(254,106,137)
```

Tetradic Color

#1efdcf
```
#1efdcf rgb(30,253,207)
```
#37fed4
```
#37fed4 rgb(55,254,212)
```
#51feda
```
#51feda rgb(81,254,218)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#83fee4
```
#83fee4 rgb(131,254,228)
```
#9dfeea
```
#9dfeea rgb(157,254,234)
```
#b6ffef
```
#b6ffef rgb(182,255,239)
```

Monochromatic Color

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

#6afeba
```
#6afeba rgb(106,254,186)
```
#6afec6
```
#6afec6 rgb(106,254,198)
```
#6afed3
```
#6afed3 rgb(106,254,211)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#6afeeb
```
#6afeeb rgb(106,254,235)
```
#6afef8
```
#6afef8 rgb(106,254,248)
```
#6af8fe
```
#6af8fe rgb(106,248,254)
```

Similar Colors

Text with hexadecimal color #6afedf

This text has a font color of #6afedf.

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

#6afedf background color

This paragraph has a background color of #6afedf.

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

#6afedf border color

This element has a border color of #6afedf.

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

CSS codes

.text {color:#6afedf;}

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

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

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

#000705
```
#000705 rgb(0,7,5)
```
#001a15
```
#001a15 rgb(0,26,21)
```
#002e24
```
#002e24 rgb(0,46,36)
```
#004134
```
#004134 rgb(0,65,52)
```
#015543
```
#015543 rgb(1,85,67)
```
#016853
```
#016853 rgb(1,104,83)
```
#017c62
```
#017c62 rgb(1,124,98)
```
#018f71
```
#018f71 rgb(1,143,113)
```
#01a381
```
#01a381 rgb(1,163,129)
```
#01b690
```
#01b690 rgb(1,182,144)
```
#01caa0
```
#01caa0 rgb(1,202,160)
```
#01ddaf
```
#01ddaf rgb(1,221,175)
```
#02f1bf
```
#02f1bf rgb(2,241,191)
```

Shade Color Variation

#09fdca
```
#09fdca rgb(9,253,202)
```
#1cfdce
```
#1cfdce rgb(28,253,206)
```
#30fed2
```
#30fed2 rgb(48,254,210)
```
#43fed7
```
#43fed7 rgb(67,254,215)
```
#57fedb
```
#57fedb rgb(87,254,219)
```
#6afedf
```
#6afedf rgb(106,254,223)
```
#7dfee3
```
#7dfee3 rgb(125,254,227)
```
#91fee7
```
#91fee7 rgb(145,254,231)
```
#a4feec
```
#a4feec rgb(164,254,236)
```
#b8fff0
```
#b8fff0 rgb(184,255,240)
```
#cbfff4
```
#cbfff4 rgb(203,255,244)
```
#dffff8
```
#dffff8 rgb(223,255,248)
```
#f2fffc
```
#f2fffc rgb(242,255,252)
```

Tint Color Variation

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

#afb9b7
```
#afb9b7 rgb(175,185,183)
```
#a9bfba
```
#a9bfba rgb(169,191,186)
```
#a4c4bd
```
#a4c4bd rgb(164,196,189)
```
#9ecac1
```
#9ecac1 rgb(158,202,193)
```
#98d0c4
```
#98d0c4 rgb(152,208,196)
```
#92d6c8
```
#92d6c8 rgb(146,214,200)
```
#8ddbcb
```
#8ddbcb rgb(141,219,203)
```
#87e1ce
```
#87e1ce rgb(135,225,206)
```
#81e7d2
```
#81e7d2 rgb(129,231,210)
```
#7bedd5
```
#7bedd5 rgb(123,237,213)
```
#76f2d8
```
#76f2d8 rgb(118,242,216)
```
#70f8dc
```
#70f8dc rgb(112,248,220)
```
#6afedf
```
#6afedf rgb(106,254,223)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bad8d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe6d4 Protanopia 1% of men
#fbe0ea Deuteranopia 1% of men
#aff2ff Tritanopia 0.001% of the population

Trichromacy

#bfefd8 Protanomaly 1% of men, 0.01% of women
#c6ebe6 Deuteranomaly 6% of men, 0.4% of women
#96f6f3 Tritanomaly 0.01% of the population

#6afedf hex color

#6afedf Color Information

#6afedf Color Conversion

Color Schemes with #6afedf

Alternatives to #6afedf

#6afedf Preview

Shades and Tints of #6afedf

Tones of #6afedf

Color Blindness Simulator