#6af8ff hex color

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

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

● #6af8ff color description : Very light cyan.

The hexadecimal color #6af8ff has RGB values of R:106, G:248, B:255 and CMYK values of C:0.58, M:0.03, Y:0, K:0. Its decimal value is 7010559.

Hex triplet	6af8ff	`#6af8ff`
RGB Decimal	106, 248, 255	`rgb(106,248,255)`
RGB Percent	41.6, 97.3, 100	`rgb(41.6%,97.3%,100%)`
CMYK	58, 3, 0, 0
HSL	182.8°, 100, 70.8	`hsl(182.8,100%,70.8%)`
HSV (or HSB)	182.8°, 58.4, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.512, -36.09, -14.896
XYZ	57.556, 77.414, 106.512
xyY	0.238, 0.321, 77.414
CIE-LCH	90.512, 39.043, 202.428
CIE-LUV	90.512, -56.69, -18.14
Hunter-Lab	87.985, -37.208, -10.184
Binary	01101010, 11111000, 11111111

#6af8ff
```
#6af8ff rgb(106,248,255)
```
#ff716a
```
#ff716a rgb(255,113,106)
```

Complementary Color

#6affbc
```
#6affbc rgb(106,255,188)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#6aaeff
```
#6aaeff rgb(106,174,255)
```

Analogous Color

#ffbc6a
```
#ffbc6a rgb(255,188,106)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#ff6aae
```
#ff6aae rgb(255,106,174)
```

Split Complementary Color

#f8ff6a
```
#f8ff6a rgb(248,255,106)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#ff6af8
```
#ff6af8 rgb(255,106,248)
```

Triadic Color

#6aff71
```
#6aff71 rgb(106,255,113)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#ff6af8
```
#ff6af8 rgb(255,106,248)
```
#ff716a
```
#ff716a rgb(255,113,106)
```

Tetradic Color

#1ef4ff
```
#1ef4ff rgb(30,244,255)
```
#37f6ff
```
#37f6ff rgb(55,246,255)
```
#51f7ff
```
#51f7ff rgb(81,247,255)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#84f9ff
```
#84f9ff rgb(132,249,255)
```
#9dfaff
```
#9dfaff rgb(157,250,255)
```
#b7fcff
```
#b7fcff rgb(183,252,255)
```

Monochromatic Color

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

#6affe1
```
#6affe1 rgb(106,255,225)
```
#6affed
```
#6affed rgb(106,255,237)
```
#6afffa
```
#6afffa rgb(106,255,250)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#6aecff
```
#6aecff rgb(106,236,255)
```
#6adfff
```
#6adfff rgb(106,223,255)
```
#6ad3ff
```
#6ad3ff rgb(106,211,255)
```

Similar Colors

Text with hexadecimal color #6af8ff

This text has a font color of #6af8ff.

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

#6af8ff background color

This paragraph has a background color of #6af8ff.

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

#6af8ff border color

This element has a border color of #6af8ff.

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

CSS codes

.text {color:#6af8ff;}

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

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

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

#000808
```
#000808 rgb(0,8,8)
```
#001a1c
```
#001a1c rgb(0,26,28)
```
#002d2f
```
#002d2f rgb(0,45,47)
```
#004043
```
#004043 rgb(0,64,67)
```
#005256
```
#005256 rgb(0,82,86)
```
#00656a
```
#00656a rgb(0,101,106)
```
#00787e
```
#00787e rgb(0,120,126)
```
#008a91
```
#008a91 rgb(0,138,145)
```
#009da5
```
#009da5 rgb(0,157,165)
```
#00b0b8
```
#00b0b8 rgb(0,176,184)
```
#00c2cc
```
#00c2cc rgb(0,194,204)
```
#00d5e0
```
#00d5e0 rgb(0,213,224)
```
#00e8f3
```
#00e8f3 rgb(0,232,243)
```

Shade Color Variation

#08f3ff
```
#08f3ff rgb(8,243,255)
```
#1cf4ff
```
#1cf4ff rgb(28,244,255)
```
#2ff5ff
```
#2ff5ff rgb(47,245,255)
```
#43f6ff
```
#43f6ff rgb(67,246,255)
```
#56f7ff
```
#56f7ff rgb(86,247,255)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```
#7ef9ff
```
#7ef9ff rgb(126,249,255)
```
#91faff
```
#91faff rgb(145,250,255)
```
#a5fbff
```
#a5fbff rgb(165,251,255)
```
#b8fcff
```
#b8fcff rgb(184,252,255)
```
#ccfdff
```
#ccfdff rgb(204,253,255)
```
#e0feff
```
#e0feff rgb(224,254,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#afbaba
```
#afbaba rgb(175,186,186)
```
#a9bfc0
```
#a9bfc0 rgb(169,191,192)
```
#a3c4c6
```
#a3c4c6 rgb(163,196,198)
```
#9ec9cb
```
#9ec9cb rgb(158,201,203)
```
#98ced1
```
#98ced1 rgb(152,206,209)
```
#92d4d7
```
#92d4d7 rgb(146,212,215)
```
#8cd9dd
```
#8cd9dd rgb(140,217,221)
```
#87dee2
```
#87dee2 rgb(135,222,226)
```
#81e3e8
```
#81e3e8 rgb(129,227,232)
```
#7be8ee
```
#7be8ee rgb(123,232,238)
```
#75eef4
```
#75eef4 rgb(117,238,244)
```
#70f3f9
```
#70f3f9 rgb(112,243,249)
```
#6af8ff
```
#6af8ff rgb(106,248,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bad6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e3f3 Protanopia 1% of men
#e7e1ff Deuteranopia 1% of men
#a3f1ff Tritanopia 0.001% of the population

Trichromacy

#b8ebf7 Protanomaly 1% of men, 0.01% of women
#bae9ff Deuteranomaly 6% of men, 0.4% of women
#8ef4ff Tritanomaly 0.01% of the population

#6af8ff hex color

#6af8ff Color Information

#6af8ff Color Conversion

Color Schemes with #6af8ff

Alternatives to #6af8ff

#6af8ff Preview

Shades and Tints of #6af8ff

Tones of #6af8ff

Color Blindness Simulator