#6afaf9 hex color

In a RGB color space, hex #6afaf9 is composed of 41.6% red, 98% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 0.4% yellow and 2% black. It has a hue angle of 179.6 degrees, a saturation of 93.5% and a lightness of 69.8%. #6afaf9 color hex could be obtained by blending #d4ffff with #00f5f3. Closest websafe color is: #66ffff.

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

● #6afaf9 color description : Soft cyan.

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

Hex triplet	6afaf9	`#6afaf9`
RGB Decimal	106, 250, 249	`rgb(106,250,249)`
RGB Percent	41.6, 98, 97.6	`rgb(41.6%,98%,97.6%)`
CMYK	58, 0, 0, 2
HSL	179.6°, 93.5, 69.8	`hsl(179.6,93.5%,69.8%)`
HSV (or HSB)	179.6°, 57.6, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.903, -38.593, -11.192
XYZ	57.223, 78.27, 101.709
xyY	0.241, 0.33, 78.27
CIE-LCH	90.903, 40.183, 196.172
CIE-LUV	90.903, -57.74, -11.631
Hunter-Lab	88.471, -39.369, -6.233
Binary	01101010, 11111010, 11111001

#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#fa6a6b
```
#fa6a6b rgb(250,106,107)
```

Complementary Color

#6afab1
```
#6afab1 rgb(106,250,177)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#6ab3fa
```
#6ab3fa rgb(106,179,250)
```

Analogous Color

#fab16a
```
#fab16a rgb(250,177,106)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#fa6ab3
```
#fa6ab3 rgb(250,106,179)
```

Split Complementary Color

#faf96a
```
#faf96a rgb(250,249,106)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#f96afa
```
#f96afa rgb(249,106,250)
```

Triadic Color

#6bfa6a
```
#6bfa6a rgb(107,250,106)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#f96afa
```
#f96afa rgb(249,106,250)
```
#fa6a6b
```
#fa6a6b rgb(250,106,107)
```

Tetradic Color

#20f8f6
```
#20f8f6 rgb(32,248,246)
```
#39f8f7
```
#39f8f7 rgb(57,248,247)
```
#51f9f8
```
#51f9f8 rgb(81,249,248)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#83fbfa
```
#83fbfa rgb(131,251,250)
```
#9bfcfb
```
#9bfcfb rgb(155,252,251)
```
#b4fcfc
```
#b4fcfc rgb(180,252,252)
```

Monochromatic Color

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

#6afad5
```
#6afad5 rgb(106,250,213)
```
#6afae1
```
#6afae1 rgb(106,250,225)
```
#6afaed
```
#6afaed rgb(106,250,237)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#6aeffa
```
#6aeffa rgb(106,239,250)
```
#6ae3fa
```
#6ae3fa rgb(106,227,250)
```
#6ad7fa
```
#6ad7fa rgb(106,215,250)
```

Similar Colors

Text with hexadecimal color #6afaf9

This text has a font color of #6afaf9.

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

#6afaf9 background color

This paragraph has a background color of #6afaf9.

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

#6afaf9 border color

This element has a border color of #6afaf9.

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

CSS codes

.text {color:#6afaf9;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011616
```
#011616 rgb(1,22,22)
```
#012929
```
#012929 rgb(1,41,41)
```
#023c3b
```
#023c3b rgb(2,60,59)
```
#034f4e
```
#034f4e rgb(3,79,78)
```
#036261
```
#036261 rgb(3,98,97)
```
#047574
```
#047574 rgb(4,117,116)
```
#058887
```
#058887 rgb(5,136,135)
```
#059b9a
```
#059b9a rgb(5,155,154)
```
#06aeac
```
#06aeac rgb(6,174,172)
```
#06c1bf
```
#06c1bf rgb(6,193,191)
```
#07d4d2
```
#07d4d2 rgb(7,212,210)
```
#08e7e5
```
#08e7e5 rgb(8,231,229)
```

Shade Color Variation

#0bf7f5
```
#0bf7f5 rgb(11,247,245)
```
#1ef7f6
```
#1ef7f6 rgb(30,247,246)
```
#31f8f7
```
#31f8f7 rgb(49,248,247)
```
#44f9f7
```
#44f9f7 rgb(68,249,247)
```
#57f9f8
```
#57f9f8 rgb(87,249,248)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```
#7dfbfa
```
#7dfbfa rgb(125,251,250)
```
#90fbfb
```
#90fbfb rgb(144,251,251)
```
#a3fcfb
```
#a3fcfb rgb(163,252,251)
```
#b6fdfc
```
#b6fdfc rgb(182,253,252)
```
#c9fdfd
```
#c9fdfd rgb(201,253,253)
```
#dcfefe
```
#dcfefe rgb(220,254,254)
```
#effefe
```
#effefe rgb(239,254,254)
```

Tint Color Variation

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

#b1b3b3
```
#b1b3b3 rgb(177,179,179)
```
#abb9b9
```
#abb9b9 rgb(171,185,185)
```
#a5bfbf
```
#a5bfbf rgb(165,191,191)
```
#9fc5c4
```
#9fc5c4 rgb(159,197,196)
```
#99cbca
```
#99cbca rgb(153,203,202)
```
#93d1d0
```
#93d1d0 rgb(147,209,208)
```
#8ed6d6
```
#8ed6d6 rgb(142,214,214)
```
#88dcdc
```
#88dcdc rgb(136,220,220)
```
#82e2e2
```
#82e2e2 rgb(130,226,226)
```
#7ce8e7
```
#7ce8e7 rgb(124,232,231)
```
#76eeed
```
#76eeed rgb(118,238,237)
```
#70f4f3
```
#70f4f3 rgb(112,244,243)
```
#6afaf9
```
#6afaf9 rgb(106,250,249)
```

Tone Color Variation

Below, you can see how #6afaf9 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
#bbd8d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5ed Protanopia 1% of men
#ece1ff Deuteranopia 1% of men
#a8f2ff Tritanopia 0.001% of the population

Trichromacy

#baecf1 Protanomaly 1% of men, 0.01% of women
#bdeafc Deuteranomaly 6% of men, 0.4% of women
#91f5fc Tritanomaly 0.01% of the population

#6afaf9 hex color

#6afaf9 Color Information

#6afaf9 Color Conversion

Color Schemes with #6afaf9

Alternatives to #6afaf9

#6afaf9 Preview

Shades and Tints of #6afaf9

Tones of #6afaf9

Color Blindness Simulator