#6afdd2 hex color

In a RGB color space, hex #6afdd2 is composed of 41.6% red, 99.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 17% yellow and 0.8% black. It has a hue angle of 162.4 degrees, a saturation of 97.4% and a lightness of 70.4%. #6afdd2 color hex could be obtained by blending #d4ffff with #00fba5. Closest websafe color is: #66ffcc.

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

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

The hexadecimal color #6afdd2 has RGB values of R:106, G:253, B:210 and CMYK values of C:0.58, M:0, Y:0.17, K:0.01. Its decimal value is 7011794.

Hex triplet	6afdd2	`#6afdd2`
RGB Decimal	106, 253, 210	`rgb(106,253,210)`
RGB Percent	41.6, 99.2, 82.4	`rgb(41.6%,99.2%,82.4%)`
CMYK	58, 0, 17, 1
HSL	162.4°, 97.4, 70.4	`hsl(162.4,97.4%,70.4%)`
HSV (or HSB)	162.4°, 58.1, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.763, -49.426, 8.837
XYZ	52.698, 77.964, 73.241
xyY	0.258, 0.382, 77.964
CIE-LCH	90.763, 50.21, 169.863
CIE-LUV	90.763, -60.939, 21.596
Hunter-Lab	88.297, -47.986, 12.628
Binary	01101010, 11111101, 11010010

#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#fd6a95
```
#fd6a95 rgb(253,106,149)
```

Complementary Color

#6afd89
```
#6afd89 rgb(106,253,137)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#6adffd
```
#6adffd rgb(106,223,253)
```

Analogous Color

#fd896a
```
#fd896a rgb(253,137,106)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#fd6adf
```
#fd6adf rgb(253,106,223)
```

Split Complementary Color

#fdd26a
```
#fdd26a rgb(253,210,106)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#d26afd
```
#d26afd rgb(210,106,253)
```

Triadic Color

#95fd6a
```
#95fd6a rgb(149,253,106)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#d26afd
```
#d26afd rgb(210,106,253)
```
#fd6a95
```
#fd6a95 rgb(253,106,149)
```

Tetradic Color

#1ffcbb
```
#1ffcbb rgb(31,252,187)
```
#38fcc3
```
#38fcc3 rgb(56,252,195)
```
#51fdca
```
#51fdca rgb(81,253,202)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#83fdda
```
#83fdda rgb(131,253,218)
```
#9cfee1
```
#9cfee1 rgb(156,254,225)
```
#b5fee9
```
#b5fee9 rgb(181,254,233)
```

Monochromatic Color

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

#6afdad
```
#6afdad rgb(106,253,173)
```
#6afdba
```
#6afdba rgb(106,253,186)
```
#6afdc6
```
#6afdc6 rgb(106,253,198)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#6afdde
```
#6afdde rgb(106,253,222)
```
#6afdeb
```
#6afdeb rgb(106,253,235)
```
#6afdf7
```
#6afdf7 rgb(106,253,247)
```

Similar Colors

Text with hexadecimal color #6afdd2

This text has a font color of #6afdd2.

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

#6afdd2 background color

This paragraph has a background color of #6afdd2.

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

#6afdd2 border color

This element has a border color of #6afdd2.

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

CSS codes

.text {color:#6afdd2;}

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

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

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

#000604
```
#000604 rgb(0,6,4)
```
#001912
```
#001912 rgb(0,25,18)
```
#012d20
```
#012d20 rgb(1,45,32)
```
#01402d
```
#01402d rgb(1,64,45)
```
#01533b
```
#01533b rgb(1,83,59)
```
#016749
```
#016749 rgb(1,103,73)
```
#027a57
```
#027a57 rgb(2,122,87)
```
#028d65
```
#028d65 rgb(2,141,101)
```
#02a172
```
#02a172 rgb(2,161,114)
```
#02b480
```
#02b480 rgb(2,180,128)
```
#03c78e
```
#03c78e rgb(3,199,142)
```
#03db9c
```
#03db9c rgb(3,219,156)
```
#03eea9
```
#03eea9 rgb(3,238,169)
```

Shade Color Variation

#09fcb5
```
#09fcb5 rgb(9,252,181)
```
#1dfcbb
```
#1dfcbb rgb(29,252,187)
```
#30fcc0
```
#30fcc0 rgb(48,252,192)
```
#43fcc6
```
#43fcc6 rgb(67,252,198)
```
#57fdcc
```
#57fdcc rgb(87,253,204)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```
#7dfdd8
```
#7dfdd8 rgb(125,253,216)
```
#91fede
```
#91fede rgb(145,254,222)
```
#a4fee4
```
#a4fee4 rgb(164,254,228)
```
#b7fee9
```
#b7fee9 rgb(183,254,233)
```
#cbfeef
```
#cbfeef rgb(203,254,239)
```
#defff5
```
#defff5 rgb(222,255,245)
```
#f1fffb
```
#f1fffb rgb(241,255,251)
```

Tint Color Variation

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

#b0b7b5
```
#b0b7b5 rgb(176,183,181)
```
#aabdb7
```
#aabdb7 rgb(170,189,183)
```
#a4c3ba
```
#a4c3ba rgb(164,195,186)
```
#9ec9bc
```
#9ec9bc rgb(158,201,188)
```
#98cfbf
```
#98cfbf rgb(152,207,191)
```
#93d4c1
```
#93d4c1 rgb(147,212,193)
```
#8ddac4
```
#8ddac4 rgb(141,218,196)
```
#87e0c6
```
#87e0c6 rgb(135,224,198)
```
#81e6c8
```
#81e6c8 rgb(129,230,200)
```
#7beccb
```
#7beccb rgb(123,236,203)
```
#76f1cd
```
#76f1cd rgb(118,241,205)
```
#70f7d0
```
#70f7d0 rgb(112,247,208)
```
#6afdd2
```
#6afdd2 rgb(106,253,210)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#b8d6cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e5c8 Protanopia 1% of men
#fddede Deuteranopia 1% of men
#a9f1ff Tritanopia 0.001% of the population

Trichromacy

#bfedcc Protanomaly 1% of men, 0.01% of women
#c8e9da Deuteranomaly 6% of men, 0.4% of women
#92f5ee Tritanomaly 0.01% of the population

#6afdd2 hex color

#6afdd2 Color Information

#6afdd2 Color Conversion

Color Schemes with #6afdd2

Alternatives to #6afdd2

#6afdd2 Preview

Shades and Tints of #6afdd2

Tones of #6afdd2

Color Blindness Simulator