#6af0de hex color

In a RGB color space, hex #6af0de is composed of 41.6% red, 94.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 7.5% yellow and 5.9% black. It has a hue angle of 171.9 degrees, a saturation of 81.7% and a lightness of 67.8%. #6af0de color hex could be obtained by blending #d4ffff with #00e1bd. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 42
- G 94
- B 87
RGB color chart
- C 56
- M 0
- Y 8
- K 6
CMYK color chart

● #6af0de color description : Soft cyan.

The hexadecimal color #6af0de has RGB values of R:106, G:240, B:222 and CMYK values of C:0.56, M:0, Y:0.08, K:0.06. Its decimal value is 7008478.

Hex triplet	6af0de	`#6af0de`
RGB Decimal	106, 240, 222	`rgb(106,240,222)`
RGB Percent	41.6, 94.1, 87.1	`rgb(41.6%,94.1%,87.1%)`
CMYK	56, 0, 8, 6
HSL	171.9°, 81.7, 67.8	`hsl(171.9,81.7%,67.8%)`
HSV (or HSB)	171.9°, 55.8, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.317, -40.939, -2.407
XYZ	50.285, 70.654, 80.091
xyY	0.25, 0.351, 70.654
CIE-LCH	87.317, 41.01, 183.364
CIE-LUV	87.317, -55.495, 2.909
Hunter-Lab	84.056, -40.315, 2.346
Binary	01101010, 11110000, 11011110

#6af0de
```
#6af0de rgb(106,240,222)
```
#f06a7c
```
#f06a7c rgb(240,106,124)
```

Complementary Color

#6af09b
```
#6af09b rgb(106,240,155)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#6abff0
```
#6abff0 rgb(106,191,240)
```

Analogous Color

#f09b6a
```
#f09b6a rgb(240,155,106)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#f06abf
```
#f06abf rgb(240,106,191)
```

Split Complementary Color

#f0de6a
```
#f0de6a rgb(240,222,106)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#de6af0
```
#de6af0 rgb(222,106,240)
```

Triadic Color

#7cf06a
```
#7cf06a rgb(124,240,106)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#de6af0
```
#de6af0 rgb(222,106,240)
```
#f06a7c
```
#f06a7c rgb(240,106,124)
```

Tetradic Color

#24e9cf
```
#24e9cf rgb(36,233,207)
```
#3cebd4
```
#3cebd4 rgb(60,235,212)
```
#53eed9
```
#53eed9 rgb(83,238,217)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#81f2e3
```
#81f2e3 rgb(129,242,227)
```
#98f5e8
```
#98f5e8 rgb(152,245,232)
```
#b0f7ed
```
#b0f7ed rgb(176,247,237)
```

Monochromatic Color

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

#6af0bd
```
#6af0bd rgb(106,240,189)
```
#6af0c8
```
#6af0c8 rgb(106,240,200)
```
#6af0d3
```
#6af0d3 rgb(106,240,211)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#6af0e9
```
#6af0e9 rgb(106,240,233)
```
#6aecf0
```
#6aecf0 rgb(106,236,240)
```
#6ae1f0
```
#6ae1f0 rgb(106,225,240)
```

Similar Colors

Text with hexadecimal color #6af0de

This text has a font color of #6af0de.

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

#6af0de background color

This paragraph has a background color of #6af0de.

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

#6af0de border color

This element has a border color of #6af0de.

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

CSS codes

.text {color:#6af0de;}

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

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

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, #010b0a is the darkest color, while #f9fefe is the lightest one.

#010b0a
```
#010b0a rgb(1,11,10)
```
#031d1a
```
#031d1a rgb(3,29,26)
```
#052f29
```
#052f29 rgb(5,47,41)
```
#074139
```
#074139 rgb(7,65,57)
```
#085349
```
#085349 rgb(8,83,73)
```
#0a6458
```
#0a6458 rgb(10,100,88)
```
#0c7668
```
#0c7668 rgb(12,118,104)
```
#0e8878
```
#0e8878 rgb(14,136,120)
```
#0f9a87
```
#0f9a87 rgb(15,154,135)
```
#11ac97
```
#11ac97 rgb(17,172,151)
```
#13bea7
```
#13bea7 rgb(19,190,167)
```
#15cfb6
```
#15cfb6 rgb(21,207,182)
```
#17e1c6
```
#17e1c6 rgb(23,225,198)
```

Shade Color Variation

#23e9ce
```
#23e9ce rgb(35,233,206)
```
#35ebd2
```
#35ebd2 rgb(53,235,210)
```
#46ecd6
```
#46ecd6 rgb(70,236,214)
```
#58eeda
```
#58eeda rgb(88,238,218)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#7cf2e2
```
#7cf2e2 rgb(124,242,226)
```
#8ef4e6
```
#8ef4e6 rgb(142,244,230)
```
#9ff5ea
```
#9ff5ea rgb(159,245,234)
```
#b1f7ee
```
#b1f7ee rgb(177,247,238)
```
#c3f9f2
```
#c3f9f2 rgb(195,249,242)
```
#d5fbf6
```
#d5fbf6 rgb(213,251,246)
```
#e7fdfa
```
#e7fdfa rgb(231,253,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#a9b1b0
```
#a9b1b0 rgb(169,177,176)
```
#a3b7b4
```
#a3b7b4 rgb(163,183,180)
```
#9cbeb9
```
#9cbeb9 rgb(156,190,185)
```
#96c4be
```
#96c4be rgb(150,196,190)
```
#90cac2
```
#90cac2 rgb(144,202,194)
```
#8ad0c7
```
#8ad0c7 rgb(138,208,199)
```
#83d7cc
```
#83d7cc rgb(131,215,204)
```
#7dddd0
```
#7dddd0 rgb(125,221,208)
```
#77e3d5
```
#77e3d5 rgb(119,227,213)
```
#70ead9
```
#70ead9 rgb(112,234,217)
```
#6af0de
```
#6af0de rgb(106,240,222)
```
#64f6e3
```
#64f6e3 rgb(100,246,227)
```
#5dfde7
```
#5dfde7 rgb(93,253,231)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b4cecb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dbd4 Protanopia 1% of men
#ebd6e8 Deuteranopia 1% of men
#7fecfd Tritanopia 0.001% of the population

Trichromacy

#b6e3d8 Protanomaly 1% of men, 0.01% of women
#bcdfe4 Deuteranomaly 6% of men, 0.4% of women
#77edf2 Tritanomaly 0.01% of the population

#6af0de hex color

#6af0de Color Information

#6af0de Color Conversion

Color Schemes with #6af0de

Alternatives to #6af0de

#6af0de Preview

Shades and Tints of #6af0de

Tones of #6af0de

Color Blindness Simulator