#8afdf8 hex color

In a RGB color space, hex #8afdf8 is composed of 54.1% red, 99.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 2% yellow and 0.8% black. It has a hue angle of 177.4 degrees, a saturation of 96.6% and a lightness of 76.7%. #8afdf8 color hex could be obtained by blending #ffffff with #15fbf1. Closest websafe color is: #99ffff.

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

● #8afdf8 color description : Soft cyan.

The hexadecimal color #8afdf8 has RGB values of R:138, G:253, B:248 and CMYK values of C:0.45, M:0, Y:0.02, K:0.01. Its decimal value is 9108984.

Hex triplet	8afdf8	`#8afdf8`
RGB Decimal	138, 253, 248	`rgb(138,253,248)`
RGB Percent	54.1, 99.2, 97.3	`rgb(54.1%,99.2%,97.3%)`
CMYK	45, 0, 2, 1
HSL	177.4°, 96.6, 76.7	`hsl(177.4,96.6%,76.7%)`
HSV (or HSB)	177.4°, 45.5, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.763, -33.908, -7.797
XYZ	62.545, 82.427, 101.416
xyY	0.254, 0.335, 82.427
CIE-LCH	92.763, 34.793, 192.95
CIE-LUV	92.763, -50.395, -6.764
Hunter-Lab	90.789, -35.912, -2.677
Binary	10001010, 11111101, 11111000

#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#fd8a8f
```
#fd8a8f rgb(253,138,143)
```

Complementary Color

#8afdbf
```
#8afdbf rgb(138,253,191)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#8ac9fd
```
#8ac9fd rgb(138,201,253)
```

Analogous Color

#fdbf8a
```
#fdbf8a rgb(253,191,138)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#fd8ac9
```
#fd8ac9 rgb(253,138,201)
```

Split Complementary Color

#fdf88a
```
#fdf88a rgb(253,248,138)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#f88afd
```
#f88afd rgb(248,138,253)
```

Triadic Color

#8ffd8a
```
#8ffd8a rgb(143,253,138)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#f88afd
```
#f88afd rgb(248,138,253)
```
#fd8a8f
```
#fd8a8f rgb(253,138,143)
```

Tetradic Color

#3ffcf4
```
#3ffcf4 rgb(63,252,244)
```
#58fcf5
```
#58fcf5 rgb(88,252,245)
```
#71fdf7
```
#71fdf7 rgb(113,253,247)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#a3fdfa
```
#a3fdfa rgb(163,253,250)
```
#bcfefb
```
#bcfefb rgb(188,254,251)
```
#d5fefd
```
#d5fefd rgb(213,254,253)
```

Monochromatic Color

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

#8afddb
```
#8afddb rgb(138,253,219)
```
#8afde5
```
#8afde5 rgb(138,253,229)
```
#8afdee
```
#8afdee rgb(138,253,238)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#8af8fd
```
#8af8fd rgb(138,248,253)
```
#8aeffd
```
#8aeffd rgb(138,239,253)
```
#8ae5fd
```
#8ae5fd rgb(138,229,253)
```

Similar Colors

Text with hexadecimal color #8afdf8

This text has a font color of #8afdf8.

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

#8afdf8 background color

This paragraph has a background color of #8afdf8.

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

#8afdf8 border color

This element has a border color of #8afdf8.

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

CSS codes

.text {color:#8afdf8;}

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

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

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

#001211
```
#001211 rgb(0,18,17)
```
#012524
```
#012524 rgb(1,37,36)
```
#013936
```
#013936 rgb(1,57,54)
```
#014c49
```
#014c49 rgb(1,76,73)
```
#025f5b
```
#025f5b rgb(2,95,91)
```
#02726e
```
#02726e rgb(2,114,110)
```
#028680
```
#028680 rgb(2,134,128)
```
#039992
```
#039992 rgb(3,153,146)
```
#03aca5
```
#03aca5 rgb(3,172,165)
```
#03c0b7
```
#03c0b7 rgb(3,192,183)
```
#04d3ca
```
#04d3ca rgb(4,211,202)
```
#04e6dc
```
#04e6dc rgb(4,230,220)
```
#04f9ef
```
#04f9ef rgb(4,249,239)
```

Shade Color Variation

#16fbf1
```
#16fbf1 rgb(22,251,241)
```
#2afbf2
```
#2afbf2 rgb(42,251,242)
```
#3dfcf3
```
#3dfcf3 rgb(61,252,243)
```
#50fcf5
```
#50fcf5 rgb(80,252,245)
```
#63fcf6
```
#63fcf6 rgb(99,252,246)
```
#77fdf7
```
#77fdf7 rgb(119,253,247)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```
#9dfdf9
```
#9dfdf9 rgb(157,253,249)
```
#b1fefa
```
#b1fefa rgb(177,254,250)
```
#c4fefb
```
#c4fefb rgb(196,254,251)
```
#d7fefd
```
#d7fefd rgb(215,254,253)
```
#eafffe
```
#eafffe rgb(234,255,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#c1c6c6
```
#c1c6c6 rgb(193,198,198)
```
#bccbca
```
#bccbca rgb(188,203,202)
```
#b8cfce
```
#b8cfce rgb(184,207,206)
```
#b3d4d2
```
#b3d4d2 rgb(179,212,210)
```
#afd8d7
```
#afd8d7 rgb(175,216,215)
```
#aadddb
```
#aadddb rgb(170,221,219)
```
#a5e2df
```
#a5e2df rgb(165,226,223)
```
#a1e6e3
```
#a1e6e3 rgb(161,230,227)
```
#9cebe7
```
#9cebe7 rgb(156,235,231)
```
#98efeb
```
#98efeb rgb(152,239,235)
```
#93f4f0
```
#93f4f0 rgb(147,244,240)
```
#8ff8f4
```
#8ff8f4 rgb(143,248,244)
```
#8afdf8
```
#8afdf8 rgb(138,253,248)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#cae1e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeeaee Protanopia 1% of men
#f5e5ff Deuteranopia 1% of men
#c1f3ff Tritanopia 0.001% of the population

Trichromacy

#c9f0f1 Protanomaly 1% of men, 0.01% of women
#ceeefc Deuteranomaly 6% of men, 0.4% of women
#adf7fc Tritanomaly 0.01% of the population

#8afdf8 hex color

#8afdf8 Color Information

#8afdf8 Color Conversion

Color Schemes with #8afdf8

Alternatives to #8afdf8

#8afdf8 Preview

Shades and Tints of #8afdf8

Tones of #8afdf8

Color Blindness Simulator