#6afdff hex color

In a RGB color space, hex #6afdff is composed of 41.6% red, 99.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 0.8% magenta, 0% yellow and 0% black. It has a hue angle of 180.8 degrees, a saturation of 100% and a lightness of 70.8%. #6afdff color hex could be obtained by blending #d4ffff with #00fbff. Closest websafe color is: #66ffff.

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

● #6afdff color description : Very light cyan.

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

Hex triplet	6afdff	`#6afdff`
RGB Decimal	106, 253, 255	`rgb(106,253,255)`
RGB Percent	41.6, 99.2, 100	`rgb(41.6%,99.2%,100%)`
CMYK	58, 1, 0, 0
HSL	180.8°, 100, 70.8	`hsl(180.8,100%,70.8%)`
HSV (or HSB)	180.8°, 58.4, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.922, -38.386, -12.787
XYZ	59.114, 80.53, 107.031
xyY	0.24, 0.326, 80.53
CIE-LCH	91.922, 40.459, 198.424
CIE-LUV	91.922, -58.498, -14.312
Hunter-Lab	89.738, -39.458, -7.898
Binary	01101010, 11111101, 11111111

#6afdff
```
#6afdff rgb(106,253,255)
```
#ff6c6a
```
#ff6c6a rgb(255,108,106)
```

Complementary Color

#6affb7
```
#6affb7 rgb(106,255,183)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#6ab3ff
```
#6ab3ff rgb(106,179,255)
```

Analogous Color

#ffb76a
```
#ffb76a rgb(255,183,106)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#ff6ab3
```
#ff6ab3 rgb(255,106,179)
```

Split Complementary Color

#fdff6a
```
#fdff6a rgb(253,255,106)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#ff6afd
```
#ff6afd rgb(255,106,253)
```

Triadic Color

#6aff6c
```
#6aff6c rgb(106,255,108)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#ff6afd
```
#ff6afd rgb(255,106,253)
```
#ff6c6a
```
#ff6c6a rgb(255,108,106)
```

Tetradic Color

#1efcff
```
#1efcff rgb(30,252,255)
```
#37fcff
```
#37fcff rgb(55,252,255)
```
#51fdff
```
#51fdff rgb(81,253,255)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#84fdff
```
#84fdff rgb(132,253,255)
```
#9dfeff
```
#9dfeff rgb(157,254,255)
```
#b7feff
```
#b7feff rgb(183,254,255)
```

Monochromatic Color

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

#6affdc
```
#6affdc rgb(106,255,220)
```
#6affe8
```
#6affe8 rgb(106,255,232)
```
#6afff5
```
#6afff5 rgb(106,255,245)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#6af1ff
```
#6af1ff rgb(106,241,255)
```
#6ae4ff
```
#6ae4ff rgb(106,228,255)
```
#6ad8ff
```
#6ad8ff rgb(106,216,255)
```

Similar Colors

Text with hexadecimal color #6afdff

This text has a font color of #6afdff.

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

#6afdff background color

This paragraph has a background color of #6afdff.

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

#6afdff border color

This element has a border color of #6afdff.

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

CSS codes

.text {color:#6afdff;}

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

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

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

#000808
```
#000808 rgb(0,8,8)
```
#001b1c
```
#001b1c rgb(0,27,28)
```
#002f2f
```
#002f2f rgb(0,47,47)
```
#004243
```
#004243 rgb(0,66,67)
```
#005556
```
#005556 rgb(0,85,86)
```
#00696a
```
#00696a rgb(0,105,106)
```
#007c7e
```
#007c7e rgb(0,124,126)
```
#008f91
```
#008f91 rgb(0,143,145)
```
#00a3a5
```
#00a3a5 rgb(0,163,165)
```
#00b6b8
```
#00b6b8 rgb(0,182,184)
```
#00c9cc
```
#00c9cc rgb(0,201,204)
```
#00dde0
```
#00dde0 rgb(0,221,224)
```
#00f0f3
```
#00f0f3 rgb(0,240,243)
```

Shade Color Variation

#08fcff
```
#08fcff rgb(8,252,255)
```
#1cfcff
```
#1cfcff rgb(28,252,255)
```
#2ffcff
```
#2ffcff rgb(47,252,255)
```
#43fcff
```
#43fcff rgb(67,252,255)
```
#56fdff
```
#56fdff rgb(86,253,255)
```
#6afdff
```
#6afdff rgb(106,253,255)
```
#7efdff
```
#7efdff rgb(126,253,255)
```
#91feff
```
#91feff rgb(145,254,255)
```
#a5feff
```
#a5feff rgb(165,254,255)
```
#b8feff
```
#b8feff rgb(184,254,255)
```
#ccfeff
```
#ccfeff rgb(204,254,255)
```
#e0ffff
```
#e0ffff rgb(224,255,255)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#afbaba
```
#afbaba rgb(175,186,186)
```
#a9c0c0
```
#a9c0c0 rgb(169,192,192)
```
#a3c5c6
```
#a3c5c6 rgb(163,197,198)
```
#9ecbcb
```
#9ecbcb rgb(158,203,203)
```
#98d0d1
```
#98d0d1 rgb(152,208,209)
```
#92d6d7
```
#92d6d7 rgb(146,214,215)
```
#8cdcdd
```
#8cdcdd rgb(140,220,221)
```
#87e1e2
```
#87e1e2 rgb(135,225,226)
```
#81e7e8
```
#81e7e8 rgb(129,231,232)
```
#7becee
```
#7becee rgb(123,236,238)
```
#75f2f4
```
#75f2f4 rgb(117,242,244)
```
#70f7f9
```
#70f7f9 rgb(112,247,249)
```
#6afdff
```
#6afdff rgb(106,253,255)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#bcdada Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e7f2 Protanopia 1% of men
#ede5ff Deuteranopia 1% of men
#b3f3ff Tritanopia 0.001% of the population

Trichromacy

#bbeff7 Protanomaly 1% of men, 0.01% of women
#bdedff Deuteranomaly 6% of men, 0.4% of women
#99f7ff Tritanomaly 0.01% of the population

#6afdff hex color

#6afdff Color Information

#6afdff Color Conversion

Color Schemes with #6afdff

Alternatives to #6afdff

#6afdff Preview

Shades and Tints of #6afdff

Tones of #6afdff

Color Blindness Simulator