#6afcff hex color

In a RGB color space, hex #6afcff is composed of 41.6% red, 98.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 1.2% magenta, 0% yellow and 0% black. It has a hue angle of 181.2 degrees, a saturation of 100% and a lightness of 70.8%. #6afcff color hex could be obtained by blending #d4ffff with #00f9ff. 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

● #6afcff color description : Very light cyan.

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

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

CIE-LAB	91.64, -37.929, -13.208
XYZ	58.799, 79.9, 106.926
xyY	0.239, 0.325, 79.9
CIE-LCH	91.64, 40.163, 199.2
CIE-LUV	91.64, -58.137, -15.076
Hunter-Lab	89.387, -39.009, -8.353
Binary	01101010, 11111100, 11111111

#6afcff
```
#6afcff rgb(106,252,255)
```
#ff6d6a
```
#ff6d6a rgb(255,109,106)
```

Complementary Color

#6affb8
```
#6affb8 rgb(106,255,184)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#6ab2ff
```
#6ab2ff rgb(106,178,255)
```

Analogous Color

#ffb86a
```
#ffb86a rgb(255,184,106)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#ff6ab2
```
#ff6ab2 rgb(255,106,178)
```

Split Complementary Color

#fcff6a
```
#fcff6a rgb(252,255,106)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#ff6afc
```
#ff6afc rgb(255,106,252)
```

Triadic Color

#6aff6d
```
#6aff6d rgb(106,255,109)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#ff6afc
```
#ff6afc rgb(255,106,252)
```
#ff6d6a
```
#ff6d6a rgb(255,109,106)
```

Tetradic Color

#1efaff
```
#1efaff rgb(30,250,255)
```
#37fbff
```
#37fbff rgb(55,251,255)
```
#51fbff
```
#51fbff rgb(81,251,255)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#84fdff
```
#84fdff rgb(132,253,255)
```
#9dfdff
```
#9dfdff rgb(157,253,255)
```
#b7feff
```
#b7feff rgb(183,254,255)
```

Monochromatic Color

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

#6affdd
```
#6affdd rgb(106,255,221)
```
#6affe9
```
#6affe9 rgb(106,255,233)
```
#6afff6
```
#6afff6 rgb(106,255,246)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#6af0ff
```
#6af0ff rgb(106,240,255)
```
#6ae3ff
```
#6ae3ff rgb(106,227,255)
```
#6ad7ff
```
#6ad7ff rgb(106,215,255)
```

Similar Colors

Text with hexadecimal color #6afcff

This text has a font color of #6afcff.

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

#6afcff background color

This paragraph has a background color of #6afcff.

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

#6afcff border color

This element has a border color of #6afcff.

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

CSS codes

.text {color:#6afcff;}

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

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

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)
```
#002e2f
```
#002e2f rgb(0,46,47)
```
#004143
```
#004143 rgb(0,65,67)
```
#005556
```
#005556 rgb(0,85,86)
```
#00686a
```
#00686a rgb(0,104,106)
```
#007b7e
```
#007b7e rgb(0,123,126)
```
#008e91
```
#008e91 rgb(0,142,145)
```
#00a2a5
```
#00a2a5 rgb(0,162,165)
```
#00b5b8
```
#00b5b8 rgb(0,181,184)
```
#00c8cc
```
#00c8cc rgb(0,200,204)
```
#00dbe0
```
#00dbe0 rgb(0,219,224)
```
#00eef3
```
#00eef3 rgb(0,238,243)
```

Shade Color Variation

#08faff
```
#08faff rgb(8,250,255)
```
#1cfaff
```
#1cfaff rgb(28,250,255)
```
#2ffbff
```
#2ffbff rgb(47,251,255)
```
#43fbff
```
#43fbff rgb(67,251,255)
```
#56fcff
```
#56fcff rgb(86,252,255)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#7efcff
```
#7efcff rgb(126,252,255)
```
#91fdff
```
#91fdff rgb(145,253,255)
```
#a5fdff
```
#a5fdff rgb(165,253,255)
```
#b8feff
```
#b8feff rgb(184,254,255)
```
#ccfeff
```
#ccfeff rgb(204,254,255)
```
#e0feff
```
#e0feff rgb(224,254,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 #6afcff 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)
```
#8cdbdd
```
#8cdbdd rgb(140,219,221)
```
#87e1e2
```
#87e1e2 rgb(135,225,226)
```
#81e6e8
```
#81e6e8 rgb(129,230,232)
```
#7becee
```
#7becee rgb(123,236,238)
```
#75f1f4
```
#75f1f4 rgb(117,241,244)
```
#70f7f9
```
#70f7f9 rgb(112,247,249)
```
#6afcff
```
#6afcff rgb(106,252,255)
```

Tone Color Variation

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

#e8e6f3 Protanopia 1% of men
#ece4ff Deuteranopia 1% of men
#b0f3ff Tritanopia 0.001% of the population

Trichromacy

#baeef7 Protanomaly 1% of men, 0.01% of women
#bcedff Deuteranomaly 6% of men, 0.4% of women
#96f6ff Tritanomaly 0.01% of the population

#6afcff hex color

#6afcff Color Information

#6afcff Color Conversion

Color Schemes with #6afcff

Alternatives to #6afcff

#6afcff Preview

Shades and Tints of #6afcff

Tones of #6afcff

Color Blindness Simulator