#6af9fd hex color

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

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

● #6af9fd color description : Soft cyan.

The hexadecimal color #6af9fd has RGB values of R:106, G:249, B:253 and CMYK values of C:0.58, M:0.02, Y:0, K:0.01. Its decimal value is 7010813.

Hex triplet	6af9fd	`#6af9fd`
RGB Decimal	106, 249, 253	`rgb(106,249,253)`
RGB Percent	41.6, 97.6, 99.2	`rgb(41.6%,97.6%,99.2%)`
CMYK	58, 2, 0, 1
HSL	181.6°, 97.4, 70.4	`hsl(181.6,97.4%,70.4%)`
HSV (or HSB)	181.6°, 58.1, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.736, -37.083, -13.521
XYZ	57.544, 77.903, 104.927
xyY	0.239, 0.324, 77.903
CIE-LCH	90.736, 39.471, 200.033
CIE-LUV	90.736, -57.161, -15.708
Hunter-Lab	88.263, -38.084, -8.701
Binary	01101010, 11111001, 11111101

#6af9fd
```
#6af9fd rgb(106,249,253)
```
#fd6e6a
```
#fd6e6a rgb(253,110,106)
```

Complementary Color

#6afdb8
```
#6afdb8 rgb(106,253,184)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#6ab0fd
```
#6ab0fd rgb(106,176,253)
```

Analogous Color

#fdb86a
```
#fdb86a rgb(253,184,106)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#fd6ab0
```
#fd6ab0 rgb(253,106,176)
```

Split Complementary Color

#f9fd6a
```
#f9fd6a rgb(249,253,106)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#fd6af9
```
#fd6af9 rgb(253,106,249)
```

Triadic Color

#6afd6e
```
#6afd6e rgb(106,253,110)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#fd6af9
```
#fd6af9 rgb(253,106,249)
```
#fd6e6a
```
#fd6e6a rgb(253,110,106)
```

Tetradic Color

#1ff6fc
```
#1ff6fc rgb(31,246,252)
```
#38f7fc
```
#38f7fc rgb(56,247,252)
```
#51f8fd
```
#51f8fd rgb(81,248,253)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#83fafd
```
#83fafd rgb(131,250,253)
```
#9cfbfe
```
#9cfbfe rgb(156,251,254)
```
#b5fcfe
```
#b5fcfe rgb(181,252,254)
```

Monochromatic Color

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

#6afddc
```
#6afddc rgb(106,253,220)
```
#6afde9
```
#6afde9 rgb(106,253,233)
```
#6afdf5
```
#6afdf5 rgb(106,253,245)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#6aedfd
```
#6aedfd rgb(106,237,253)
```
#6ae1fd
```
#6ae1fd rgb(106,225,253)
```
#6ad4fd
```
#6ad4fd rgb(106,212,253)
```

Similar Colors

Text with hexadecimal color #6af9fd

This text has a font color of #6af9fd.

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

#6af9fd background color

This paragraph has a background color of #6af9fd.

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

#6af9fd border color

This element has a border color of #6af9fd.

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

CSS codes

.text {color:#6af9fd;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#012b2d
```
#012b2d rgb(1,43,45)
```
#013e40
```
#013e40 rgb(1,62,64)
```
#015153
```
#015153 rgb(1,81,83)
```
#016467
```
#016467 rgb(1,100,103)
```
#02777a
```
#02777a rgb(2,119,122)
```
#028a8d
```
#028a8d rgb(2,138,141)
```
#029ca1
```
#029ca1 rgb(2,156,161)
```
#02afb4
```
#02afb4 rgb(2,175,180)
```
#03c2c7
```
#03c2c7 rgb(3,194,199)
```
#03d5db
```
#03d5db rgb(3,213,219)
```
#03e8ee
```
#03e8ee rgb(3,232,238)
```

Shade Color Variation

#09f5fc
```
#09f5fc rgb(9,245,252)
```
#1df6fc
```
#1df6fc rgb(29,246,252)
```
#30f7fc
```
#30f7fc rgb(48,247,252)
```
#43f7fc
```
#43f7fc rgb(67,247,252)
```
#57f8fd
```
#57f8fd rgb(87,248,253)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```
#7dfafd
```
#7dfafd rgb(125,250,253)
```
#91fbfe
```
#91fbfe rgb(145,251,254)
```
#a4fbfe
```
#a4fbfe rgb(164,251,254)
```
#b7fcfe
```
#b7fcfe rgb(183,252,254)
```
#cbfdfe
```
#cbfdfe rgb(203,253,254)
```
#defeff
```
#defeff rgb(222,254,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 #6af9fd is the most saturated one.

#b0b7b7
```
#b0b7b7 rgb(176,183,183)
```
#aabdbd
```
#aabdbd rgb(170,189,189)
```
#a4c2c3
```
#a4c2c3 rgb(164,194,195)
```
#9ec8c9
```
#9ec8c9 rgb(158,200,201)
```
#98cdcf
```
#98cdcf rgb(152,205,207)
```
#93d3d4
```
#93d3d4 rgb(147,211,212)
```
#8dd8da
```
#8dd8da rgb(141,216,218)
```
#87dee0
```
#87dee0 rgb(135,222,224)
```
#81e3e6
```
#81e3e6 rgb(129,227,230)
```
#7be9ec
```
#7be9ec rgb(123,233,236)
```
#76eef1
```
#76eef1 rgb(118,238,241)
```
#70f4f7
```
#70f4f7 rgb(112,244,247)
```
#6af9fd
```
#6af9fd rgb(106,249,253)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bbd7d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4f1 Protanopia 1% of men
#e9e1ff Deuteranopia 1% of men
#a5f2ff Tritanopia 0.001% of the population

Trichromacy

#b8ebf5 Protanomaly 1% of men, 0.01% of women
#bbeafe Deuteranomaly 6% of men, 0.4% of women
#90f4fe Tritanomaly 0.01% of the population

#6af9fd hex color

#6af9fd Color Information

#6af9fd Color Conversion

Color Schemes with #6af9fd

Alternatives to #6af9fd

#6af9fd Preview

Shades and Tints of #6af9fd

Tones of #6af9fd

Color Blindness Simulator