#6af1fd hex color

In a RGB color space, hex #6af1fd is composed of 41.6% red, 94.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 4.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 184.9 degrees, a saturation of 97.4% and a lightness of 70.4%. #6af1fd color hex could be obtained by blending #d4ffff with #00e3fb. Closest websafe color is: #66ffff.

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

● #6af1fd color description : Soft cyan.

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

Hex triplet	6af1fd	`#6af1fd`
RGB Decimal	106, 241, 253	`rgb(106,241,253)`
RGB Percent	41.6, 94.5, 99.2	`rgb(41.6%,94.5%,99.2%)`
CMYK	58, 5, 0, 1
HSL	184.9°, 97.4, 70.4	`hsl(184.9,97.4%,70.4%)`
HSV (or HSB)	184.9°, 58.1, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.477, -33.365, -16.907
XYZ	55.124, 73.062, 104.121
xyY	0.237, 0.315, 73.062
CIE-LCH	88.477, 37.404, 206.873
CIE-LUV	88.477, -54.254, -21.859
Hunter-Lab	85.476, -34.469, -12.389
Binary	01101010, 11110001, 11111101

#6af1fd
```
#6af1fd rgb(106,241,253)
```
#fd766a
```
#fd766a rgb(253,118,106)
```

Complementary Color

#6afdc0
```
#6afdc0 rgb(106,253,192)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#6aa8fd
```
#6aa8fd rgb(106,168,253)
```

Analogous Color

#fdc06a
```
#fdc06a rgb(253,192,106)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#fd6aa8
```
#fd6aa8 rgb(253,106,168)
```

Split Complementary Color

#f1fd6a
```
#f1fd6a rgb(241,253,106)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#fd6af1
```
#fd6af1 rgb(253,106,241)
```

Triadic Color

#6afd76
```
#6afd76 rgb(106,253,118)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#fd6af1
```
#fd6af1 rgb(253,106,241)
```
#fd766a
```
#fd766a rgb(253,118,106)
```

Tetradic Color

#1feafc
```
#1feafc rgb(31,234,252)
```
#38ecfc
```
#38ecfc rgb(56,236,252)
```
#51effd
```
#51effd rgb(81,239,253)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#83f3fd
```
#83f3fd rgb(131,243,253)
```
#9cf6fe
```
#9cf6fe rgb(156,246,254)
```
#b5f8fe
```
#b5f8fe rgb(181,248,254)
```

Monochromatic Color

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

#6afde4
```
#6afde4 rgb(106,253,228)
```
#6afdf1
```
#6afdf1 rgb(106,253,241)
```
#6afdfd
```
#6afdfd rgb(106,253,253)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#6ae5fd
```
#6ae5fd rgb(106,229,253)
```
#6ad9fd
```
#6ad9fd rgb(106,217,253)
```
#6accfd
```
#6accfd rgb(106,204,253)
```

Similar Colors

Text with hexadecimal color #6af1fd

This text has a font color of #6af1fd.

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

#6af1fd background color

This paragraph has a background color of #6af1fd.

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

#6af1fd border color

This element has a border color of #6af1fd.

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

CSS codes

.text {color:#6af1fd;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001719
```
#001719 rgb(0,23,25)
```
#01292d
```
#01292d rgb(1,41,45)
```
#013b40
```
#013b40 rgb(1,59,64)
```
#014d53
```
#014d53 rgb(1,77,83)
```
#015e67
```
#015e67 rgb(1,94,103)
```
#02707a
```
#02707a rgb(2,112,122)
```
#02828d
```
#02828d rgb(2,130,141)
```
#0294a1
```
#0294a1 rgb(2,148,161)
```
#02a6b4
```
#02a6b4 rgb(2,166,180)
```
#03b7c7
```
#03b7c7 rgb(3,183,199)
```
#03c9db
```
#03c9db rgb(3,201,219)
```
#03dbee
```
#03dbee rgb(3,219,238)
```

Shade Color Variation

#09e8fc
```
#09e8fc rgb(9,232,252)
```
#1deafc
```
#1deafc rgb(29,234,252)
```
#30ecfc
```
#30ecfc rgb(48,236,252)
```
#43edfc
```
#43edfc rgb(67,237,252)
```
#57effd
```
#57effd rgb(87,239,253)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```
#7df3fd
```
#7df3fd rgb(125,243,253)
```
#91f5fe
```
#91f5fe rgb(145,245,254)
```
#a4f6fe
```
#a4f6fe rgb(164,246,254)
```
#b7f8fe
```
#b7f8fe rgb(183,248,254)
```
#cbfafe
```
#cbfafe rgb(203,250,254)
```
#defcff
```
#defcff rgb(222,252,255)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#b0b7b7
```
#b0b7b7 rgb(176,183,183)
```
#aabcbd
```
#aabcbd rgb(170,188,189)
```
#a4c0c3
```
#a4c0c3 rgb(164,192,195)
```
#9ec5c9
```
#9ec5c9 rgb(158,197,201)
```
#98cacf
```
#98cacf rgb(152,202,207)
```
#93cfd4
```
#93cfd4 rgb(147,207,212)
```
#8dd4da
```
#8dd4da rgb(141,212,218)
```
#87d9e0
```
#87d9e0 rgb(135,217,224)
```
#81dee6
```
#81dee6 rgb(129,222,230)
```
#7be2ec
```
#7be2ec rgb(123,226,236)
```
#76e7f1
```
#76e7f1 rgb(118,231,241)
```
#70ecf7
```
#70ecf7 rgb(112,236,247)
```
#6af1fd
```
#6af1fd rgb(106,241,253)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#b7d2d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddef1 Protanopia 1% of men
#e0dbff Deuteranopia 1% of men
#86efff Tritanopia 0.001% of the population

Trichromacy

#b3e5f5 Protanomaly 1% of men, 0.01% of women
#b5e3fe Deuteranomaly 6% of men, 0.4% of women
#7ceffe Tritanomaly 0.01% of the population

#6af1fd hex color

#6af1fd Color Information

#6af1fd Color Conversion

Color Schemes with #6af1fd

Alternatives to #6af1fd

#6af1fd Preview

Shades and Tints of #6af1fd

Tones of #6af1fd

Color Blindness Simulator