#8af9fc hex color

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

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

● #8af9fc color description : Soft cyan.

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

Hex triplet	8af9fc	`#8af9fc`
RGB Decimal	138, 249, 252	`rgb(138,249,252)`
RGB Percent	54.1, 97.6, 98.8	`rgb(54.1%,97.6%,98.8%)`
CMYK	45, 1, 0, 1
HSL	181.6°, 95, 76.5	`hsl(181.6,95%,76.5%)`
HSV (or HSB)	181.6°, 45.2, 98.8
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.765, -31.053, -11.354
XYZ	61.923, 80.179, 104.303
xyY	0.251, 0.325, 80.179
CIE-LCH	91.765, 33.064, 200.083
CIE-LUV	91.765, -48.704, -13.005
Hunter-Lab	89.543, -33.259, -6.384
Binary	10001010, 11111001, 11111100

#8af9fc
```
#8af9fc rgb(138,249,252)
```
#fc8d8a
```
#fc8d8a rgb(252,141,138)
```

Complementary Color

#8afcc6
```
#8afcc6 rgb(138,252,198)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#8ac0fc
```
#8ac0fc rgb(138,192,252)
```

Analogous Color

#fcc68a
```
#fcc68a rgb(252,198,138)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#fc8ac0
```
#fc8ac0 rgb(252,138,192)
```

Split Complementary Color

#f9fc8a
```
#f9fc8a rgb(249,252,138)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#fc8af9
```
#fc8af9 rgb(252,138,249)
```

Triadic Color

#8afc8d
```
#8afc8d rgb(138,252,141)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#fc8af9
```
#fc8af9 rgb(252,138,249)
```
#fc8d8a
```
#fc8d8a rgb(252,141,138)
```

Tetradic Color

#3ff5fa
```
#3ff5fa rgb(63,245,250)
```
#58f6fb
```
#58f6fb rgb(88,246,251)
```
#71f8fb
```
#71f8fb rgb(113,248,251)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#a3fafd
```
#a3fafd rgb(163,250,253)
```
#bcfcfd
```
#bcfcfd rgb(188,252,253)
```
#d5fdfe
```
#d5fdfe rgb(213,253,254)
```

Monochromatic Color

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

#8afce3
```
#8afce3 rgb(138,252,227)
```
#8afcec
```
#8afcec rgb(138,252,236)
```
#8afcf6
```
#8afcf6 rgb(138,252,246)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#8af0fc
```
#8af0fc rgb(138,240,252)
```
#8ae6fc
```
#8ae6fc rgb(138,230,252)
```
#8addfc
```
#8addfc rgb(138,221,252)
```

Similar Colors

Text with hexadecimal color #8af9fc

This text has a font color of #8af9fc.

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

#8af9fc background color

This paragraph has a background color of #8af9fc.

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

#8af9fc border color

This element has a border color of #8af9fc.

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

CSS codes

.text {color:#8af9fc;}

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

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

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)
```
#012324
```
#012324 rgb(1,35,36)
```
#013637
```
#013637 rgb(1,54,55)
```
#02484a
```
#02484a rgb(2,72,74)
```
#025b5d
```
#025b5d rgb(2,91,93)
```
#036e71
```
#036e71 rgb(3,110,113)
```
#038084
```
#038084 rgb(3,128,132)
```
#049397
```
#049397 rgb(4,147,151)
```
#04a6aa
```
#04a6aa rgb(4,166,170)
```
#05b8bd
```
#05b8bd rgb(5,184,189)
```
#05cbd0
```
#05cbd0 rgb(5,203,208)
```
#06dde3
```
#06dde3 rgb(6,221,227)
```
#06f0f6
```
#06f0f6 rgb(6,240,246)
```

Shade Color Variation

#17f3f9
```
#17f3f9 rgb(23,243,249)
```
#2af4fa
```
#2af4fa rgb(42,244,250)
```
#3ef5fa
```
#3ef5fa rgb(62,245,250)
```
#51f6fb
```
#51f6fb rgb(81,246,251)
```
#64f7fb
```
#64f7fb rgb(100,247,251)
```
#77f8fc
```
#77f8fc rgb(119,248,252)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```
#9dfafc
```
#9dfafc rgb(157,250,252)
```
#b0fbfd
```
#b0fbfd rgb(176,251,253)
```
#c3fcfd
```
#c3fcfd rgb(195,252,253)
```
#d7fdfe
```
#d7fdfe rgb(215,253,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, #c1c5c5 is the less saturated color, while #8af9fc is the most saturated one.

#c1c5c5
```
#c1c5c5 rgb(193,197,197)
```
#bdc9c9
```
#bdc9c9 rgb(189,201,201)
```
#b8cdce
```
#b8cdce rgb(184,205,206)
```
#b4d2d2
```
#b4d2d2 rgb(180,210,210)
```
#afd6d7
```
#afd6d7 rgb(175,214,215)
```
#aadadc
```
#aadadc rgb(170,218,220)
```
#a6dfe0
```
#a6dfe0 rgb(166,223,224)
```
#a1e3e5
```
#a1e3e5 rgb(161,227,229)
```
#9ce8ea
```
#9ce8ea rgb(156,232,234)
```
#98ecee
```
#98ecee rgb(152,236,238)
```
#93f0f3
```
#93f0f3 rgb(147,240,243)
```
#8ff5f7
```
#8ff5f7 rgb(143,245,247)
```
#8af9fc
```
#8af9fc rgb(138,249,252)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#c8dfdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e7f2 Protanopia 1% of men
#efe4ff Deuteranopia 1% of men
#b6f2ff Tritanopia 0.001% of the population

Trichromacy

#c6edf5 Protanomaly 1% of men, 0.01% of women
#caebfd Deuteranomaly 6% of men, 0.4% of women
#a6f4fd Tritanomaly 0.01% of the population

#8af9fc hex color

#8af9fc Color Information

#8af9fc Color Conversion

Color Schemes with #8af9fc

Alternatives to #8af9fc

#8af9fc Preview

Shades and Tints of #8af9fc

Tones of #8af9fc

Color Blindness Simulator