#8afcf4 hex color

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

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

● #8afcf4 color description : Soft cyan.

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

Hex triplet	8afcf4	`#8afcf4`
RGB Decimal	138, 252, 244	`rgb(138,252,244)`
RGB Percent	54.1, 98.8, 95.7	`rgb(54.1%,98.8%,95.7%)`
CMYK	45, 0, 3, 1
HSL	175.8°, 95, 76.5	`hsl(175.8,95%,76.5%)`
HSV (or HSB)	175.8°, 45.2, 98.8
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.377, -34.406, -6.296
XYZ	61.616, 81.552, 98.077
xyY	0.255, 0.338, 81.552
CIE-LCH	92.377, 34.977, 190.369
CIE-LUV	92.377, -50.153, -4.255
Hunter-Lab	90.306, -36.244, -1.178
Binary	10001010, 11111100, 11110100

#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#fc8a92
```
#fc8a92 rgb(252,138,146)
```

Complementary Color

#8afcbb
```
#8afcbb rgb(138,252,187)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#8acbfc
```
#8acbfc rgb(138,203,252)
```

Analogous Color

#fcbb8a
```
#fcbb8a rgb(252,187,138)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#fc8acb
```
#fc8acb rgb(252,138,203)
```

Split Complementary Color

#fcf48a
```
#fcf48a rgb(252,244,138)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#f48afc
```
#f48afc rgb(244,138,252)
```

Triadic Color

#92fc8a
```
#92fc8a rgb(146,252,138)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#f48afc
```
#f48afc rgb(244,138,252)
```
#fc8a92
```
#fc8a92 rgb(252,138,146)
```

Tetradic Color

#3ffaed
```
#3ffaed rgb(63,250,237)
```
#58fbef
```
#58fbef rgb(88,251,239)
```
#71fbf2
```
#71fbf2 rgb(113,251,242)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#a3fdf6
```
#a3fdf6 rgb(163,253,246)
```
#bcfdf9
```
#bcfdf9 rgb(188,253,249)
```
#d5fefb
```
#d5fefb rgb(213,254,251)
```

Monochromatic Color

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

#8afcd8
```
#8afcd8 rgb(138,252,216)
```
#8afce1
```
#8afce1 rgb(138,252,225)
```
#8afceb
```
#8afceb rgb(138,252,235)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#8afbfc
```
#8afbfc rgb(138,251,252)
```
#8af1fc
```
#8af1fc rgb(138,241,252)
```
#8ae8fc
```
#8ae8fc rgb(138,232,252)
```

Similar Colors

Text with hexadecimal color #8afcf4

This text has a font color of #8afcf4.

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

#8afcf4 background color

This paragraph has a background color of #8afcf4.

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

#8afcf4 border color

This element has a border color of #8afcf4.

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

CSS codes

.text {color:#8afcf4;}

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

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

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

#001110
```
#001110 rgb(0,17,16)
```
#012422
```
#012422 rgb(1,36,34)
```
#013733
```
#013733 rgb(1,55,51)
```
#024a45
```
#024a45 rgb(2,74,69)
```
#025d57
```
#025d57 rgb(2,93,87)
```
#037169
```
#037169 rgb(3,113,105)
```
#03847b
```
#03847b rgb(3,132,123)
```
#04978c
```
#04978c rgb(4,151,140)
```
#04aa9e
```
#04aa9e rgb(4,170,158)
```
#05bdb0
```
#05bdb0 rgb(5,189,176)
```
#05d0c2
```
#05d0c2 rgb(5,208,194)
```
#06e3d4
```
#06e3d4 rgb(6,227,212)
```
#06f6e6
```
#06f6e6 rgb(6,246,230)
```

Shade Color Variation

#17f9e9
```
#17f9e9 rgb(23,249,233)
```
#2afaeb
```
#2afaeb rgb(42,250,235)
```
#3efaed
```
#3efaed rgb(62,250,237)
```
#51fbef
```
#51fbef rgb(81,251,239)
```
#64fbf0
```
#64fbf0 rgb(100,251,240)
```
#77fcf2
```
#77fcf2 rgb(119,252,242)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```
#9dfcf6
```
#9dfcf6 rgb(157,252,246)
```
#b0fdf8
```
#b0fdf8 rgb(176,253,248)
```
#c3fdf9
```
#c3fdf9 rgb(195,253,249)
```
#d7fefb
```
#d7fefb rgb(215,254,251)
```
#eafefd
```
#eafefd rgb(234,254,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#c1c5c4
```
#c1c5c4 rgb(193,197,196)
```
#bdc9c8
```
#bdc9c8 rgb(189,201,200)
```
#b8cecc
```
#b8cecc rgb(184,206,204)
```
#b4d2d0
```
#b4d2d0 rgb(180,210,208)
```
#afd7d4
```
#afd7d4 rgb(175,215,212)
```
#aadcd8
```
#aadcd8 rgb(170,220,216)
```
#a6e0dc
```
#a6e0dc rgb(166,224,220)
```
#a1e5e0
```
#a1e5e0 rgb(161,229,224)
```
#9ceae4
```
#9ceae4 rgb(156,234,228)
```
#98eee8
```
#98eee8 rgb(152,238,232)
```
#93f3ec
```
#93f3ec rgb(147,243,236)
```
#8ff7f0
```
#8ff7f0 rgb(143,247,240)
```
#8afcf4
```
#8afcf4 rgb(138,252,244)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#c9e0de Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede9ea Protanopia 1% of men
#f6e4fd Deuteranopia 1% of men
#bdf3ff Tritanopia 0.001% of the population

Trichromacy

#c9efed Protanomaly 1% of men, 0.01% of women
#cfecf9 Deuteranomaly 6% of men, 0.4% of women
#aaf6fb Tritanomaly 0.01% of the population

#8afcf4 hex color

#8afcf4 Color Information

#8afcf4 Color Conversion

Color Schemes with #8afcf4

Alternatives to #8afcf4

#8afcf4 Preview

Shades and Tints of #8afcf4

Tones of #8afcf4

Color Blindness Simulator