#6af0da hex color

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

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

● #6af0da color description : Soft cyan.

The hexadecimal color #6af0da has RGB values of R:106, G:240, B:218 and CMYK values of C:0.56, M:0, Y:0.09, K:0.06. Its decimal value is 7008474.

Hex triplet	6af0da	`#6af0da`
RGB Decimal	106, 240, 218	`rgb(106,240,218)`
RGB Percent	41.6, 94.1, 85.5	`rgb(41.6%,94.1%,85.5%)`
CMYK	56, 0, 9, 6
HSL	170.1°, 81.7, 67.8	`hsl(170.1,81.7%,67.8%)`
HSV (or HSB)	170.1°, 55.8, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.213, -41.919, -0.463
XYZ	49.755, 70.442, 77.301
xyY	0.252, 0.357, 70.442
CIE-LCH	87.213, 41.921, 180.633
CIE-LUV	87.213, -55.701, 6.109
Hunter-Lab	83.93, -41.06, 4.144
Binary	01101010, 11110000, 11011010

#6af0da
```
#6af0da rgb(106,240,218)
```
#f06a80
```
#f06a80 rgb(240,106,128)
```

Complementary Color

#6af097
```
#6af097 rgb(106,240,151)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#6ac3f0
```
#6ac3f0 rgb(106,195,240)
```

Analogous Color

#f0976a
```
#f0976a rgb(240,151,106)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#f06ac3
```
#f06ac3 rgb(240,106,195)
```

Split Complementary Color

#f0da6a
```
#f0da6a rgb(240,218,106)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#da6af0
```
#da6af0 rgb(218,106,240)
```

Triadic Color

#80f06a
```
#80f06a rgb(128,240,106)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#da6af0
```
#da6af0 rgb(218,106,240)
```
#f06a80
```
#f06a80 rgb(240,106,128)
```

Tetradic Color

#24e9c9
```
#24e9c9 rgb(36,233,201)
```
#3cebce
```
#3cebce rgb(60,235,206)
```
#53eed4
```
#53eed4 rgb(83,238,212)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#81f2e0
```
#81f2e0 rgb(129,242,224)
```
#98f5e6
```
#98f5e6 rgb(152,245,230)
```
#b0f7eb
```
#b0f7eb rgb(176,247,235)
```

Monochromatic Color

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

#6af0b9
```
#6af0b9 rgb(106,240,185)
```
#6af0c4
```
#6af0c4 rgb(106,240,196)
```
#6af0cf
```
#6af0cf rgb(106,240,207)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#6af0e5
```
#6af0e5 rgb(106,240,229)
```
#6af0f0
```
#6af0f0 rgb(106,240,240)
```
#6ae5f0
```
#6ae5f0 rgb(106,229,240)
```

Similar Colors

Text with hexadecimal color #6af0da

This text has a font color of #6af0da.

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

#6af0da background color

This paragraph has a background color of #6af0da.

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

#6af0da border color

This element has a border color of #6af0da.

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

CSS codes

.text {color:#6af0da;}

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

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

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 #f9fefd is the lightest one.

#010b0a
```
#010b0a rgb(1,11,10)
```
#031d19
```
#031d19 rgb(3,29,25)
```
#052f28
```
#052f28 rgb(5,47,40)
```
#074137
```
#074137 rgb(7,65,55)
```
#085346
```
#085346 rgb(8,83,70)
```
#0a6456
```
#0a6456 rgb(10,100,86)
```
#0c7665
```
#0c7665 rgb(12,118,101)
```
#0e8874
```
#0e8874 rgb(14,136,116)
```
#0f9a83
```
#0f9a83 rgb(15,154,131)
```
#11ac92
```
#11ac92 rgb(17,172,146)
```
#13bea2
```
#13bea2 rgb(19,190,162)
```
#15cfb1
```
#15cfb1 rgb(21,207,177)
```
#17e1c0
```
#17e1c0 rgb(23,225,192)
```

Shade Color Variation

#23e9c8
```
#23e9c8 rgb(35,233,200)
```
#35ebcd
```
#35ebcd rgb(53,235,205)
```
#46ecd1
```
#46ecd1 rgb(70,236,209)
```
#58eed6
```
#58eed6 rgb(88,238,214)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#7cf2de
```
#7cf2de rgb(124,242,222)
```
#8ef4e3
```
#8ef4e3 rgb(142,244,227)
```
#9ff5e7
```
#9ff5e7 rgb(159,245,231)
```
#b1f7ec
```
#b1f7ec rgb(177,247,236)
```
#c3f9f0
```
#c3f9f0 rgb(195,249,240)
```
#d5fbf5
```
#d5fbf5 rgb(213,251,245)
```
#e7fdf9
```
#e7fdf9 rgb(231,253,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#a9b1b0
```
#a9b1b0 rgb(169,177,176)
```
#a3b7b4
```
#a3b7b4 rgb(163,183,180)
```
#9cbeb8
```
#9cbeb8 rgb(156,190,184)
```
#96c4bc
```
#96c4bc rgb(150,196,188)
```
#90cac1
```
#90cac1 rgb(144,202,193)
```
#8ad0c5
```
#8ad0c5 rgb(138,208,197)
```
#83d7c9
```
#83d7c9 rgb(131,215,201)
```
#7dddcd
```
#7dddcd rgb(125,221,205)
```
#77e3d2
```
#77e3d2 rgb(119,227,210)
```
#70ead6
```
#70ead6 rgb(112,234,214)
```
#6af0da
```
#6af0da rgb(106,240,218)
```
#64f6de
```
#64f6de rgb(100,246,222)
```
#5dfde2
```
#5dfde2 rgb(93,253,226)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b3cec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dbd0 Protanopia 1% of men
#ecd6e5 Deuteranopia 1% of men
#80ebfc Tritanopia 0.001% of the population

Trichromacy

#b6e2d4 Protanomaly 1% of men, 0.01% of women
#bddfe1 Deuteranomaly 6% of men, 0.4% of women
#78edf0 Tritanomaly 0.01% of the population

#6af0da hex color

#6af0da Color Information

#6af0da Color Conversion

Color Schemes with #6af0da

Alternatives to #6af0da

#6af0da Preview

Shades and Tints of #6af0da

Tones of #6af0da

Color Blindness Simulator