#6af3ff hex color

In a RGB color space, hex #6af3ff is composed of 41.6% red, 95.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 4.7% magenta, 0% yellow and 0% black. It has a hue angle of 184.8 degrees, a saturation of 100% and a lightness of 70.8%. #6af3ff color hex could be obtained by blending #d4ffff with #00e7ff. Closest websafe color is: #66ffff.

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

● #6af3ff color description : Very light cyan.

The hexadecimal color #6af3ff has RGB values of R:106, G:243, B:255 and CMYK values of C:0.58, M:0.05, Y:0, K:0. Its decimal value is 7009279.

Hex triplet	6af3ff	`#6af3ff`
RGB Decimal	106, 243, 255	`rgb(106,243,255)`
RGB Percent	41.6, 95.3, 100	`rgb(41.6%,95.3%,100%)`
CMYK	58, 5, 0, 0
HSL	184.8°, 100, 70.8	`hsl(184.8,100%,70.8%)`
HSV (or HSB)	184.8°, 58.4, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.102, -33.762, -17.012
XYZ	56.039, 74.381, 106.006
xyY	0.237, 0.315, 74.381
CIE-LCH	89.102, 37.806, 206.742
CIE-LUV	89.102, -54.877, -21.993
Hunter-Lab	86.244, -34.943, -12.504
Binary	01101010, 11110011, 11111111

#6af3ff
```
#6af3ff rgb(106,243,255)
```
#ff766a
```
#ff766a rgb(255,118,106)
```

Complementary Color

#6affc1
```
#6affc1 rgb(106,255,193)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#6aa9ff
```
#6aa9ff rgb(106,169,255)
```

Analogous Color

#ffc16a
```
#ffc16a rgb(255,193,106)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#ff6aa9
```
#ff6aa9 rgb(255,106,169)
```

Split Complementary Color

#f3ff6a
```
#f3ff6a rgb(243,255,106)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#ff6af3
```
#ff6af3 rgb(255,106,243)
```

Triadic Color

#6aff76
```
#6aff76 rgb(106,255,118)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#ff6af3
```
#ff6af3 rgb(255,106,243)
```
#ff766a
```
#ff766a rgb(255,118,106)
```

Tetradic Color

#1eedff
```
#1eedff rgb(30,237,255)
```
#37efff
```
#37efff rgb(55,239,255)
```
#51f1ff
```
#51f1ff rgb(81,241,255)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#84f5ff
```
#84f5ff rgb(132,245,255)
```
#9df7ff
```
#9df7ff rgb(157,247,255)
```
#b7f9ff
```
#b7f9ff rgb(183,249,255)
```

Monochromatic Color

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

#6affe6
```
#6affe6 rgb(106,255,230)
```
#6afff2
```
#6afff2 rgb(106,255,242)
```
#6affff
```
#6affff rgb(106,255,255)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#6ae7ff
```
#6ae7ff rgb(106,231,255)
```
#6adaff
```
#6adaff rgb(106,218,255)
```
#6aceff
```
#6aceff rgb(106,206,255)
```

Similar Colors

Text with hexadecimal color #6af3ff

This text has a font color of #6af3ff.

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

#6af3ff background color

This paragraph has a background color of #6af3ff.

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

#6af3ff border color

This element has a border color of #6af3ff.

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

CSS codes

.text {color:#6af3ff;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00191c
```
#00191c rgb(0,25,28)
```
#002b2f
```
#002b2f rgb(0,43,47)
```
#003d43
```
#003d43 rgb(0,61,67)
```
#004f56
```
#004f56 rgb(0,79,86)
```
#00616a
```
#00616a rgb(0,97,106)
```
#00737e
```
#00737e rgb(0,115,126)
```
#008691
```
#008691 rgb(0,134,145)
```
#0098a5
```
#0098a5 rgb(0,152,165)
```
#00aab8
```
#00aab8 rgb(0,170,184)
```
#00bccc
```
#00bccc rgb(0,188,204)
```
#00cee0
```
#00cee0 rgb(0,206,224)
```
#00e0f3
```
#00e0f3 rgb(0,224,243)
```

Shade Color Variation

#08ebff
```
#08ebff rgb(8,235,255)
```
#1cedff
```
#1cedff rgb(28,237,255)
```
#2feeff
```
#2feeff rgb(47,238,255)
```
#43f0ff
```
#43f0ff rgb(67,240,255)
```
#56f1ff
```
#56f1ff rgb(86,241,255)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```
#7ef5ff
```
#7ef5ff rgb(126,245,255)
```
#91f6ff
```
#91f6ff rgb(145,246,255)
```
#a5f8ff
```
#a5f8ff rgb(165,248,255)
```
#b8f9ff
```
#b8f9ff rgb(184,249,255)
```
#ccfbff
```
#ccfbff rgb(204,251,255)
```
#e0fcff
```
#e0fcff rgb(224,252,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#afb9ba
```
#afb9ba rgb(175,185,186)
```
#a9bec0
```
#a9bec0 rgb(169,190,192)
```
#a3c3c6
```
#a3c3c6 rgb(163,195,198)
```
#9ec8cb
```
#9ec8cb rgb(158,200,203)
```
#98cdd1
```
#98cdd1 rgb(152,205,209)
```
#92d1d7
```
#92d1d7 rgb(146,209,215)
```
#8cd6dd
```
#8cd6dd rgb(140,214,221)
```
#87dbe2
```
#87dbe2 rgb(135,219,226)
```
#81e0e8
```
#81e0e8 rgb(129,224,232)
```
#7be5ee
```
#7be5ee rgb(123,229,238)
```
#75e9f4
```
#75e9f4 rgb(117,233,244)
```
#70eef9
```
#70eef9 rgb(112,238,249)
```
#6af3ff
```
#6af3ff rgb(106,243,255)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#b8d3d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfe0f3 Protanopia 1% of men
#e2ddff Deuteranopia 1% of men
#8fefff Tritanopia 0.001% of the population

Trichromacy

#b4e6f7 Protanomaly 1% of men, 0.01% of women
#b6e5ff Deuteranomaly 6% of men, 0.4% of women
#82f1ff Tritanomaly 0.01% of the population

#6af3ff hex color

#6af3ff Color Information

#6af3ff Color Conversion

Color Schemes with #6af3ff

Alternatives to #6af3ff

#6af3ff Preview

Shades and Tints of #6af3ff

Tones of #6af3ff

Color Blindness Simulator