#6afde2 hex color

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

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

● #6afde2 color description : Soft cyan.

The hexadecimal color #6afde2 has RGB values of R:106, G:253, B:226 and CMYK values of C:0.58, M:0, Y:0.11, K:0.01. Its decimal value is 7011810.

Hex triplet	6afde2	`#6afde2`
RGB Decimal	106, 253, 226	`rgb(106,253,226)`
RGB Percent	41.6, 99.2, 88.6	`rgb(41.6%,99.2%,88.6%)`
CMYK	58, 0, 11, 1
HSL	169°, 97.4, 70.4	`hsl(169,97.4%,70.4%)`
HSV (or HSB)	169°, 58.1, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.144, -45.698, 1.106
XYZ	54.792, 78.801, 84.27
xyY	0.251, 0.362, 78.801
CIE-LCH	91.144, 45.711, 178.614
CIE-LUV	91.144, -60.084, 9.201
Hunter-Lab	88.77, -45.171, 5.855
Binary	01101010, 11111101, 11100010

#6afde2
```
#6afde2 rgb(106,253,226)
```
#fd6a85
```
#fd6a85 rgb(253,106,133)
```

Complementary Color

#6afd99
```
#6afd99 rgb(106,253,153)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#6acffd
```
#6acffd rgb(106,207,253)
```

Analogous Color

#fd996a
```
#fd996a rgb(253,153,106)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#fd6acf
```
#fd6acf rgb(253,106,207)
```

Split Complementary Color

#fde26a
```
#fde26a rgb(253,226,106)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#e26afd
```
#e26afd rgb(226,106,253)
```

Triadic Color

#85fd6a
```
#85fd6a rgb(133,253,106)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#e26afd
```
#e26afd rgb(226,106,253)
```
#fd6a85
```
#fd6a85 rgb(253,106,133)
```

Tetradic Color

#1ffcd3
```
#1ffcd3 rgb(31,252,211)
```
#38fcd8
```
#38fcd8 rgb(56,252,216)
```
#51fddd
```
#51fddd rgb(81,253,221)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#83fde7
```
#83fde7 rgb(131,253,231)
```
#9cfeec
```
#9cfeec rgb(156,254,236)
```
#b5fef1
```
#b5fef1 rgb(181,254,241)
```

Monochromatic Color

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

#6afdbd
```
#6afdbd rgb(106,253,189)
```
#6afdca
```
#6afdca rgb(106,253,202)
```
#6afdd6
```
#6afdd6 rgb(106,253,214)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#6afdee
```
#6afdee rgb(106,253,238)
```
#6afdfb
```
#6afdfb rgb(106,253,251)
```
#6af3fd
```
#6af3fd rgb(106,243,253)
```

Similar Colors

Text with hexadecimal color #6afde2

This text has a font color of #6afde2.

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

#6afde2 background color

This paragraph has a background color of #6afde2.

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

#6afde2 border color

This element has a border color of #6afde2.

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

CSS codes

.text {color:#6afde2;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#001915
```
#001915 rgb(0,25,21)
```
#012d24
```
#012d24 rgb(1,45,36)
```
#014034
```
#014034 rgb(1,64,52)
```
#015344
```
#015344 rgb(1,83,68)
```
#016754
```
#016754 rgb(1,103,84)
```
#027a64
```
#027a64 rgb(2,122,100)
```
#028d74
```
#028d74 rgb(2,141,116)
```
#02a184
```
#02a184 rgb(2,161,132)
```
#02b493
```
#02b493 rgb(2,180,147)
```
#03c7a3
```
#03c7a3 rgb(3,199,163)
```
#03dbb3
```
#03dbb3 rgb(3,219,179)
```
#03eec3
```
#03eec3 rgb(3,238,195)
```

Shade Color Variation

#09fccf
```
#09fccf rgb(9,252,207)
```
#1dfcd3
```
#1dfcd3 rgb(29,252,211)
```
#30fcd7
```
#30fcd7 rgb(48,252,215)
```
#43fcda
```
#43fcda rgb(67,252,218)
```
#57fdde
```
#57fdde rgb(87,253,222)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```
#7dfde6
```
#7dfde6 rgb(125,253,230)
```
#91feea
```
#91feea rgb(145,254,234)
```
#a4feed
```
#a4feed rgb(164,254,237)
```
#b7fef1
```
#b7fef1 rgb(183,254,241)
```
#cbfef5
```
#cbfef5 rgb(203,254,245)
```
#defff9
```
#defff9 rgb(222,255,249)
```
#f1fffc
```
#f1fffc rgb(241,255,252)
```

Tint Color Variation

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

#b0b7b6
```
#b0b7b6 rgb(176,183,182)
```
#aabdba
```
#aabdba rgb(170,189,186)
```
#a4c3bd
```
#a4c3bd rgb(164,195,189)
```
#9ec9c1
```
#9ec9c1 rgb(158,201,193)
```
#98cfc5
```
#98cfc5 rgb(152,207,197)
```
#93d4c8
```
#93d4c8 rgb(147,212,200)
```
#8ddacc
```
#8ddacc rgb(141,218,204)
```
#87e0d0
```
#87e0d0 rgb(135,224,208)
```
#81e6d3
```
#81e6d3 rgb(129,230,211)
```
#7becd7
```
#7becd7 rgb(123,236,215)
```
#76f1db
```
#76f1db rgb(118,241,219)
```
#70f7de
```
#70f7de rgb(112,247,222)
```
#6afde2
```
#6afde2 rgb(106,253,226)
```

Tone Color Variation

Below, you can see how #6afde2 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
#bad7d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee6d7 Protanopia 1% of men
#f9e0ed Deuteranopia 1% of men
#acf2ff Tritanopia 0.001% of the population

Trichromacy

#beeedb Protanomaly 1% of men, 0.01% of women
#c5eae9 Deuteranomaly 6% of men, 0.4% of women
#94f6f4 Tritanomaly 0.01% of the population

#6afde2 hex color

#6afde2 Color Information

#6afde2 Color Conversion

Color Schemes with #6afde2

Alternatives to #6afde2

#6afde2 Preview

Shades and Tints of #6afde2

Tones of #6afde2

Color Blindness Simulator