#6af0fc hex color

In a RGB color space, hex #6af0fc is composed of 41.6% red, 94.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 4.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 184.9 degrees, a saturation of 96.1% and a lightness of 70.2%. #6af0fc color hex could be obtained by blending #d4ffff with #00e1f9. Closest websafe color is: #66ffff.

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

● #6af0fc color description : Soft cyan.

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

Hex triplet	6af0fc	`#6af0fc`
RGB Decimal	106, 240, 252	`rgb(106,240,252)`
RGB Percent	41.6, 94.1, 98.8	`rgb(41.6%,94.1%,98.8%)`
CMYK	58, 5, 0, 1
HSL	184.9°, 96.1, 70.2	`hsl(184.9,96.1%,70.2%)`
HSV (or HSB)	184.9°, 57.9, 98.8
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.165, -33.166, -16.854
XYZ	54.67, 72.408, 103.185
xyY	0.237, 0.314, 72.408
CIE-LCH	88.165, 37.202, 206.939
CIE-LUV	88.165, -53.941, -21.793
Hunter-Lab	85.093, -34.232, -12.331
Binary	01101010, 11110000, 11111100

#6af0fc
```
#6af0fc rgb(106,240,252)
```
#fc766a
```
#fc766a rgb(252,118,106)
```

Complementary Color

#6afcbf
```
#6afcbf rgb(106,252,191)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#6aa7fc
```
#6aa7fc rgb(106,167,252)
```

Analogous Color

#fcbf6a
```
#fcbf6a rgb(252,191,106)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#fc6aa7
```
#fc6aa7 rgb(252,106,167)
```

Split Complementary Color

#f0fc6a
```
#f0fc6a rgb(240,252,106)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#fc6af0
```
#fc6af0 rgb(252,106,240)
```

Triadic Color

#6afc76
```
#6afc76 rgb(106,252,118)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#fc6af0
```
#fc6af0 rgb(252,106,240)
```
#fc766a
```
#fc766a rgb(252,118,106)
```

Tetradic Color

#1fe8fa
```
#1fe8fa rgb(31,232,250)
```
#38ebfb
```
#38ebfb rgb(56,235,251)
```
#51edfb
```
#51edfb rgb(81,237,251)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#83f3fd
```
#83f3fd rgb(131,243,253)
```
#9cf5fd
```
#9cf5fd rgb(156,245,253)
```
#b5f8fe
```
#b5f8fe rgb(181,248,254)
```

Monochromatic Color

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

#6afce4
```
#6afce4 rgb(106,252,228)
```
#6afcf0
```
#6afcf0 rgb(106,252,240)
```
#6afcfc
```
#6afcfc rgb(106,252,252)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#6ae4fc
```
#6ae4fc rgb(106,228,252)
```
#6ad8fc
```
#6ad8fc rgb(106,216,252)
```
#6accfc
```
#6accfc rgb(106,204,252)
```

Similar Colors

Text with hexadecimal color #6af0fc

This text has a font color of #6af0fc.

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

#6af0fc background color

This paragraph has a background color of #6af0fc.

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

#6af0fc border color

This element has a border color of #6af0fc.

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

CSS codes

.text {color:#6af0fc;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001618
```
#001618 rgb(0,22,24)
```
#01282b
```
#01282b rgb(1,40,43)
```
#01393f
```
#01393f rgb(1,57,63)
```
#024b52
```
#024b52 rgb(2,75,82)
```
#025d65
```
#025d65 rgb(2,93,101)
```
#026f78
```
#026f78 rgb(2,111,120)
```
#03808b
```
#03808b rgb(3,128,139)
```
#03929f
```
#03929f rgb(3,146,159)
```
#04a4b2
```
#04a4b2 rgb(4,164,178)
```
#04b5c5
```
#04b5c5 rgb(4,181,197)
```
#04c7d8
```
#04c7d8 rgb(4,199,216)
```
#05d9ec
```
#05d9ec rgb(5,217,236)
```

Shade Color Variation

#0ae6fa
```
#0ae6fa rgb(10,230,250)
```
#1de8fa
```
#1de8fa rgb(29,232,250)
```
#30eafb
```
#30eafb rgb(48,234,251)
```
#44ecfb
```
#44ecfb rgb(68,236,251)
```
#57eefc
```
#57eefc rgb(87,238,252)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```
#7df2fc
```
#7df2fc rgb(125,242,252)
```
#90f4fd
```
#90f4fd rgb(144,244,253)
```
#a4f6fd
```
#a4f6fd rgb(164,246,253)
```
#b7f8fe
```
#b7f8fe rgb(183,248,254)
```
#cafafe
```
#cafafe rgb(202,250,254)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#b0b5b6
```
#b0b5b6 rgb(176,181,182)
```
#aababc
```
#aababc rgb(170,186,188)
```
#a4bfc2
```
#a4bfc2 rgb(164,191,194)
```
#9fc4c7
```
#9fc4c7 rgb(159,196,199)
```
#99c9cd
```
#99c9cd rgb(153,201,205)
```
#93ced3
```
#93ced3 rgb(147,206,211)
```
#8dd3d9
```
#8dd3d9 rgb(141,211,217)
```
#87d8df
```
#87d8df rgb(135,216,223)
```
#81dce5
```
#81dce5 rgb(129,220,229)
```
#7ce1ea
```
#7ce1ea rgb(124,225,234)
```
#76e6f0
```
#76e6f0 rgb(118,230,240)
```
#70ebf6
```
#70ebf6 rgb(112,235,246)
```
#6af0fc
```
#6af0fc rgb(106,240,252)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#b6d1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddddf0 Protanopia 1% of men
#e0daff Deuteranopia 1% of men
#81eeff Tritanopia 0.001% of the population

Trichromacy

#b3e4f4 Protanomaly 1% of men, 0.01% of women
#b5e2fd Deuteranomaly 6% of men, 0.4% of women
#78effd Tritanomaly 0.01% of the population

#6af0fc hex color

#6af0fc Color Information

#6af0fc Color Conversion

Color Schemes with #6af0fc

Alternatives to #6af0fc

#6af0fc Preview

Shades and Tints of #6af0fc

Tones of #6af0fc

Color Blindness Simulator