#8af7fc hex color

In a RGB color space, hex #8af7fc is composed of 54.1% red, 96.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 2% magenta, 0% yellow and 1.2% black. It has a hue angle of 182.6 degrees, a saturation of 95% and a lightness of 76.5%. #8af7fc color hex could be obtained by blending #ffffff with #15eff9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 97
- B 99
RGB color chart
- C 45
- M 2
- Y 0
- K 1
CMYK color chart

● #8af7fc color description : Soft cyan.

The hexadecimal color #8af7fc has RGB values of R:138, G:247, B:252 and CMYK values of C:0.45, M:0.02, Y:0, K:0.01. Its decimal value is 9107452.

Hex triplet	8af7fc	`#8af7fc`
RGB Decimal	138, 247, 252	`rgb(138,247,252)`
RGB Percent	54.1, 96.9, 98.8	`rgb(54.1%,96.9%,98.8%)`
CMYK	45, 2, 0, 1
HSL	182.6°, 95, 76.5	`hsl(182.6,95%,76.5%)`
HSV (or HSB)	182.6°, 45.2, 98.8
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.211, -30.106, -12.179
XYZ	61.308, 78.949, 104.098
xyY	0.251, 0.323, 78.949
CIE-LCH	91.211, 32.476, 202.026
CIE-LUV	91.211, -47.931, -14.5
Hunter-Lab	88.853, -32.33, -7.265
Binary	10001010, 11110111, 11111100

#8af7fc
```
#8af7fc rgb(138,247,252)
```
#fc8f8a
```
#fc8f8a rgb(252,143,138)
```

Complementary Color

#8afcc8
```
#8afcc8 rgb(138,252,200)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#8abefc
```
#8abefc rgb(138,190,252)
```

Analogous Color

#fcc88a
```
#fcc88a rgb(252,200,138)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#fc8abe
```
#fc8abe rgb(252,138,190)
```

Split Complementary Color

#f7fc8a
```
#f7fc8a rgb(247,252,138)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#fc8af7
```
#fc8af7 rgb(252,138,247)
```

Triadic Color

#8afc8f
```
#8afc8f rgb(138,252,143)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#fc8af7
```
#fc8af7 rgb(252,138,247)
```
#fc8f8a
```
#fc8f8a rgb(252,143,138)
```

Tetradic Color

#3ff2fa
```
#3ff2fa rgb(63,242,250)
```
#58f4fb
```
#58f4fb rgb(88,244,251)
```
#71f5fb
```
#71f5fb rgb(113,245,251)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#a3f9fd
```
#a3f9fd rgb(163,249,253)
```
#bcfafd
```
#bcfafd rgb(188,250,253)
```
#d5fcfe
```
#d5fcfe rgb(213,252,254)
```

Monochromatic Color

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

#8afce5
```
#8afce5 rgb(138,252,229)
```
#8afcee
```
#8afcee rgb(138,252,238)
```
#8afcf8
```
#8afcf8 rgb(138,252,248)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#8aeefc
```
#8aeefc rgb(138,238,252)
```
#8ae4fc
```
#8ae4fc rgb(138,228,252)
```
#8adbfc
```
#8adbfc rgb(138,219,252)
```

Similar Colors

Text with hexadecimal color #8af7fc

This text has a font color of #8af7fc.

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

#8af7fc background color

This paragraph has a background color of #8af7fc.

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

#8af7fc border color

This element has a border color of #8af7fc.

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

CSS codes

.text {color:#8af7fc;}

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

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

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

#001011
```
#001011 rgb(0,16,17)
```
#012224
```
#012224 rgb(1,34,36)
```
#013537
```
#013537 rgb(1,53,55)
```
#02474a
```
#02474a rgb(2,71,74)
```
#02595d
```
#02595d rgb(2,89,93)
```
#036c71
```
#036c71 rgb(3,108,113)
```
#037e84
```
#037e84 rgb(3,126,132)
```
#049097
```
#049097 rgb(4,144,151)
```
#04a3aa
```
#04a3aa rgb(4,163,170)
```
#05b5bd
```
#05b5bd rgb(5,181,189)
```
#05c7d0
```
#05c7d0 rgb(5,199,208)
```
#06dae3
```
#06dae3 rgb(6,218,227)
```
#06ecf6
```
#06ecf6 rgb(6,236,246)
```

Shade Color Variation

#17eff9
```
#17eff9 rgb(23,239,249)
```
#2af0fa
```
#2af0fa rgb(42,240,250)
```
#3ef2fa
```
#3ef2fa rgb(62,242,250)
```
#51f3fb
```
#51f3fb rgb(81,243,251)
```
#64f4fb
```
#64f4fb rgb(100,244,251)
```
#77f6fc
```
#77f6fc rgb(119,246,252)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```
#9df8fc
```
#9df8fc rgb(157,248,252)
```
#b0fafd
```
#b0fafd rgb(176,250,253)
```
#c3fbfd
```
#c3fbfd rgb(195,251,253)
```
#d7fcfe
```
#d7fcfe rgb(215,252,254)
```
#eafefe
```
#eafefe rgb(234,254,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#c1c4c5
```
#c1c4c5 rgb(193,196,197)
```
#bdc9c9
```
#bdc9c9 rgb(189,201,201)
```
#b8cdce
```
#b8cdce rgb(184,205,206)
```
#b4d1d2
```
#b4d1d2 rgb(180,209,210)
```
#afd5d7
```
#afd5d7 rgb(175,213,215)
```
#aadadc
```
#aadadc rgb(170,218,220)
```
#a6dee0
```
#a6dee0 rgb(166,222,224)
```
#a1e2e5
```
#a1e2e5 rgb(161,226,229)
```
#9ce6ea
```
#9ce6ea rgb(156,230,234)
```
#98eaee
```
#98eaee rgb(152,234,238)
```
#93eff3
```
#93eff3 rgb(147,239,243)
```
#8ff3f7
```
#8ff3f7 rgb(143,243,247)
```
#8af7fc
```
#8af7fc rgb(138,247,252)
```

Tone Color Variation

Below, you can see how #8af7fc 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
#c8ddde Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f2 Protanopia 1% of men
#ece2ff Deuteranopia 1% of men
#b1f1ff Tritanopia 0.001% of the population

Trichromacy

#c5ecf5 Protanomaly 1% of men, 0.01% of women
#c8eafd Deuteranomaly 6% of men, 0.4% of women
#a2f3fd Tritanomaly 0.01% of the population

#8af7fc hex color

#8af7fc Color Information

#8af7fc Color Conversion

Color Schemes with #8af7fc

Alternatives to #8af7fc

#8af7fc Preview

Shades and Tints of #8af7fc

Tones of #8af7fc

Color Blindness Simulator