#8af0fa hex color

In a RGB color space, hex #8af0fa is composed of 54.1% red, 94.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 4% magenta, 0% yellow and 2% black. It has a hue angle of 185.4 degrees, a saturation of 91.8% and a lightness of 76.1%. #8af0fa color hex could be obtained by blending #ffffff with #15e1f5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 94
- B 98
RGB color chart
- C 45
- M 4
- Y 0
- K 2
CMYK color chart

● #8af0fa color description : Very soft cyan.

The hexadecimal color #8af0fa has RGB values of R:138, G:240, B:250 and CMYK values of C:0.45, M:0.04, Y:0, K:0.02. Its decimal value is 9105658.

Hex triplet	8af0fa	`#8af0fa`
RGB Decimal	138, 240, 250	`rgb(138,240,250)`
RGB Percent	54.1, 94.1, 98	`rgb(54.1%,94.1%,98%)`
CMYK	45, 4, 0, 2
HSL	185.4°, 91.8, 76.1	`hsl(185.4,91.8%,76.1%)`
HSV (or HSB)	185.4°, 44.8, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.216, -27.254, -14.119
XYZ	58.892, 74.622, 101.737
xyY	0.25, 0.317, 74.622
CIE-LCH	89.216, 30.694, 207.387
CIE-LUV	89.216, -45.28, -18.098
Hunter-Lab	86.384, -29.48, -9.359
Binary	10001010, 11110000, 11111010

#8af0fa
```
#8af0fa rgb(138,240,250)
```
#fa948a
```
#fa948a rgb(250,148,138)
```

Complementary Color

#8afacc
```
#8afacc rgb(138,250,204)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#8ab8fa
```
#8ab8fa rgb(138,184,250)
```

Analogous Color

#facc8a
```
#facc8a rgb(250,204,138)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#fa8ab8
```
#fa8ab8 rgb(250,138,184)
```

Split Complementary Color

#f0fa8a
```
#f0fa8a rgb(240,250,138)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#fa8af0
```
#fa8af0 rgb(250,138,240)
```

Triadic Color

#8afa94
```
#8afa94 rgb(138,250,148)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#fa8af0
```
#fa8af0 rgb(250,138,240)
```
#fa948a
```
#fa948a rgb(250,148,138)
```

Tetradic Color

#41e7f7
```
#41e7f7 rgb(65,231,247)
```
#59eaf8
```
#59eaf8 rgb(89,234,248)
```
#72edf9
```
#72edf9 rgb(114,237,249)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#a2f3fb
```
#a2f3fb rgb(162,243,251)
```
#bbf6fc
```
#bbf6fc rgb(187,246,252)
```
#d3f9fd
```
#d3f9fd rgb(211,249,253)
```

Monochromatic Color

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

#8afae8
```
#8afae8 rgb(138,250,232)
```
#8afaf1
```
#8afaf1 rgb(138,250,241)
```
#8af9fa
```
#8af9fa rgb(138,249,250)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#8ae7fa
```
#8ae7fa rgb(138,231,250)
```
#8addfa
```
#8addfa rgb(138,221,250)
```
#8ad4fa
```
#8ad4fa rgb(138,212,250)
```

Similar Colors

Text with hexadecimal color #8af0fa

This text has a font color of #8af0fa.

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

#8af0fa background color

This paragraph has a background color of #8af0fa.

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

#8af0fa border color

This element has a border color of #8af0fa.

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

CSS codes

.text {color:#8af0fa;}

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

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

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, #010d0f is the darkest color, while #fbfeff is the lightest one.

#010d0f
```
#010d0f rgb(1,13,15)
```
#011f21
```
#011f21 rgb(1,31,33)
```
#023034
```
#023034 rgb(2,48,52)
```
#034147
```
#034147 rgb(3,65,71)
```
#04525a
```
#04525a rgb(4,82,90)
```
#05636d
```
#05636d rgb(5,99,109)
```
#057580
```
#057580 rgb(5,117,128)
```
#068692
```
#068692 rgb(6,134,146)
```
#0797a5
```
#0797a5 rgb(7,151,165)
```
#08a8b8
```
#08a8b8 rgb(8,168,184)
```
#09b9cb
```
#09b9cb rgb(9,185,203)
```
#09cbde
```
#09cbde rgb(9,203,222)
```
#0adcf0
```
#0adcf0 rgb(10,220,240)
```

Shade Color Variation

#19e2f5
```
#19e2f5 rgb(25,226,245)
```
#2ce4f6
```
#2ce4f6 rgb(44,228,246)
```
#3fe6f7
```
#3fe6f7 rgb(63,230,247)
```
#52e9f8
```
#52e9f8 rgb(82,233,248)
```
#64ebf8
```
#64ebf8 rgb(100,235,248)
```
#77eef9
```
#77eef9 rgb(119,238,249)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#9df2fb
```
#9df2fb rgb(157,242,251)
```
#b0f5fc
```
#b0f5fc rgb(176,245,252)
```
#c2f7fc
```
#c2f7fc rgb(194,247,252)
```
#d5fafd
```
#d5fafd rgb(213,250,253)
```
#e8fcfe
```
#e8fcfe rgb(232,252,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#bec6c6
```
#bec6c6 rgb(190,198,198)
```
#b9c9cb
```
#b9c9cb rgb(185,201,203)
```
#b4cdd0
```
#b4cdd0 rgb(180,205,208)
```
#b0d1d4
```
#b0d1d4 rgb(176,209,212)
```
#abd5d9
```
#abd5d9 rgb(171,213,217)
```
#a6d9de
```
#a6d9de rgb(166,217,222)
```
#a1dde3
```
#a1dde3 rgb(161,221,227)
```
#9de1e7
```
#9de1e7 rgb(157,225,231)
```
#98e4ec
```
#98e4ec rgb(152,228,236)
```
#93e8f1
```
#93e8f1 rgb(147,232,241)
```
#8fecf5
```
#8fecf5 rgb(143,236,245)
```
#8af0fa
```
#8af0fa rgb(138,240,250)
```
#85f4ff
```
#85f4ff rgb(133,244,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#c4d9db Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0e0f0 Protanopia 1% of men
#e6ddff Deuteranopia 1% of men
#9aeeff Tritanopia 0.001% of the population

Trichromacy

#c1e6f4 Protanomaly 1% of men, 0.01% of women
#c4e3fd Deuteranomaly 6% of men, 0.4% of women
#94effd Tritanomaly 0.01% of the population

#8af0fa hex color

#8af0fa Color Information

#8af0fa Color Conversion

Color Schemes with #8af0fa

Alternatives to #8af0fa

#8af0fa Preview

Shades and Tints of #8af0fa

Tones of #8af0fa

Color Blindness Simulator