#8af6ff hex color

In a RGB color space, hex #8af6ff is composed of 54.1% red, 96.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 3.5% magenta, 0% yellow and 0% black. It has a hue angle of 184.6 degrees, a saturation of 100% and a lightness of 77.1%. #8af6ff color hex could be obtained by blending #ffffff with #15edff. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 96
- B 100
RGB color chart
- C 46
- M 4
- Y 0
- K 0
CMYK color chart

● #8af6ff color description : Very light cyan.

The hexadecimal color #8af6ff has RGB values of R:138, G:246, B:255 and CMYK values of C:0.46, M:0.04, Y:0, K:0. Its decimal value is 9107199.

Hex triplet	8af6ff	`#8af6ff`
RGB Decimal	138, 246, 255	`rgb(138,246,255)`
RGB Percent	54.1, 96.5, 100	`rgb(54.1%,96.5%,100%)`
CMYK	46, 4, 0, 0
HSL	184.6°, 100, 77.1	`hsl(184.6,100%,77.1%)`
HSV (or HSB)	184.6°, 45.9, 100
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.022, -28.879, -14.023
XYZ	61.482, 78.531, 106.52
xyY	0.249, 0.319, 78.531
CIE-LCH	91.022, 32.104, 205.9
CIE-LUV	91.022, -47.441, -17.731
Hunter-Lab	88.618, -31.239, -9.235
Binary	10001010, 11110110, 11111111

#8af6ff
```
#8af6ff rgb(138,246,255)
```
#ff938a
```
#ff938a rgb(255,147,138)
```

Complementary Color

#8affce
```
#8affce rgb(138,255,206)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#8abcff
```
#8abcff rgb(138,188,255)
```

Analogous Color

#ffce8a
```
#ffce8a rgb(255,206,138)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#ff8abc
```
#ff8abc rgb(255,138,188)
```

Split Complementary Color

#f6ff8a
```
#f6ff8a rgb(246,255,138)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#ff8af6
```
#ff8af6 rgb(255,138,246)
```

Triadic Color

#8aff93
```
#8aff93 rgb(138,255,147)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#ff8af6
```
#ff8af6 rgb(255,138,246)
```
#ff938a
```
#ff938a rgb(255,147,138)
```

Tetradic Color

#3ef0ff
```
#3ef0ff rgb(62,240,255)
```
#57f2ff
```
#57f2ff rgb(87,242,255)
```
#71f4ff
```
#71f4ff rgb(113,244,255)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#a4f8ff
```
#a4f8ff rgb(164,248,255)
```
#bdfaff
```
#bdfaff rgb(189,250,255)
```
#d7fcff
```
#d7fcff rgb(215,252,255)
```

Monochromatic Color

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

#8affeb
```
#8affeb rgb(138,255,235)
```
#8afff5
```
#8afff5 rgb(138,255,245)
```
#8afffe
```
#8afffe rgb(138,255,254)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#8aecff
```
#8aecff rgb(138,236,255)
```
#8ae3ff
```
#8ae3ff rgb(138,227,255)
```
#8ad9ff
```
#8ad9ff rgb(138,217,255)
```

Similar Colors

Text with hexadecimal color #8af6ff

This text has a font color of #8af6ff.

<span style="color:#8af6ff;">Text here</span>

#8af6ff background color

This paragraph has a background color of #8af6ff.

<p style="background-color:#8af6ff;">Content here</p>

#8af6ff border color

This element has a border color of #8af6ff.

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

CSS codes

.text {color:#8af6ff;}

.background {background-color:#8af6ff;}

.border {border:1px solid #8af6ff;}

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

#000101
```
#000101 rgb(0,1,1)
```
#001314
```
#001314 rgb(0,19,20)
```
#002528
```
#002528 rgb(0,37,40)
```
#00373c
```
#00373c rgb(0,55,60)
```
#00494f
```
#00494f rgb(0,73,79)
```
#005b63
```
#005b63 rgb(0,91,99)
```
#006d76
```
#006d76 rgb(0,109,118)
```
#007f8a
```
#007f8a rgb(0,127,138)
```
#00919e
```
#00919e rgb(0,145,158)
```
#00a4b1
```
#00a4b1 rgb(0,164,177)
```
#00b6c5
```
#00b6c5 rgb(0,182,197)
```
#00c8d8
```
#00c8d8 rgb(0,200,216)
```
#00daec
```
#00daec rgb(0,218,236)
```

Shade Color Variation

#01ebff
```
#01ebff rgb(1,235,255)
```
#14edff
```
#14edff rgb(20,237,255)
```
#28eeff
```
#28eeff rgb(40,238,255)
```
#3cf0ff
```
#3cf0ff rgb(60,240,255)
```
#4ff1ff
```
#4ff1ff rgb(79,241,255)
```
#63f3ff
```
#63f3ff rgb(99,243,255)
```
#76f4ff
```
#76f4ff rgb(118,244,255)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```
#9ef8ff
```
#9ef8ff rgb(158,248,255)
```
#b1f9ff
```
#b1f9ff rgb(177,249,255)
```
#c5fbff
```
#c5fbff rgb(197,251,255)
```
#d8fcff
```
#d8fcff rgb(216,252,255)
```
#ecfeff
```
#ecfeff rgb(236,254,255)
```

Tint Color Variation

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

#c0c8c9
```
#c0c8c9 rgb(192,200,201)
```
#bcccce
```
#bcccce rgb(188,204,206)
```
#b7d0d2
```
#b7d0d2 rgb(183,208,210)
```
#b3d4d7
```
#b3d4d7 rgb(179,212,215)
```
#aed8db
```
#aed8db rgb(174,216,219)
```
#aadbe0
```
#aadbe0 rgb(170,219,224)
```
#a5dfe4
```
#a5dfe4 rgb(165,223,228)
```
#a1e3e9
```
#a1e3e9 rgb(161,227,233)
```
#9ce7ed
```
#9ce7ed rgb(156,231,237)
```
#98ebf2
```
#98ebf2 rgb(152,235,242)
```
#93eef6
```
#93eef6 rgb(147,238,246)
```
#8ff2fb
```
#8ff2fb rgb(143,242,251)
```
#8af6ff
```
#8af6ff rgb(138,246,255)
```

Tone Color Variation

Below, you can see how #8af6ff 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

#d7d7d7 Achromatopsia 0.005% of the population
#c8dddf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e5f5 Protanopia 1% of men
#eae2ff Deuteranopia 1% of men
#aef1ff Tritanopia 0.001% of the population

Trichromacy

#c4ebf8 Protanomaly 1% of men, 0.01% of women
#c7e9ff Deuteranomaly 6% of men, 0.4% of women
#a1f3ff Tritanomaly 0.01% of the population

#8af6ff hex color

#8af6ff Color Information

#8af6ff Color Conversion

Color Schemes with #8af6ff

Alternatives to #8af6ff

#8af6ff Preview

Shades and Tints of #8af6ff

Tones of #8af6ff

Color Blindness Simulator