#8af5f2 hex color

In a RGB color space, hex #8af5f2 is composed of 54.1% red, 96.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 0% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 178.3 degrees, a saturation of 84.3% and a lightness of 75.1%. #8af5f2 color hex could be obtained by blending #ffffff with #15ebe5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 96
- B 95
RGB color chart
- C 44
- M 0
- Y 1
- K 4
CMYK color chart

● #8af5f2 color description : Very soft cyan.

The hexadecimal color #8af5f2 has RGB values of R:138, G:245, B:242 and CMYK values of C:0.44, M:0, Y:0.01, K:0.04. Its decimal value is 9106930.

Hex triplet	8af5f2	`#8af5f2`
RGB Decimal	138, 245, 242	`rgb(138,245,242)`
RGB Percent	54.1, 96.1, 94.9	`rgb(54.1%,96.1%,94.9%)`
CMYK	44, 0, 1, 4
HSL	178.3°, 84.3, 75.1	`hsl(178.3,84.3%,75.1%)`
HSV (or HSB)	178.3°, 43.7, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.375, -31.614, -8.219
XYZ	59.156, 77.115, 95.767
xyY	0.255, 0.332, 77.115
CIE-LCH	90.375, 32.664, 194.573
CIE-LUV	90.375, -47.493, -7.784
Hunter-Lab	87.815, -33.431, -3.188
Binary	10001010, 11110101, 11110010

#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#f58a8d
```
#f58a8d rgb(245,138,141)
```

Complementary Color

#8af5bd
```
#8af5bd rgb(138,245,189)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#8ac3f5
```
#8ac3f5 rgb(138,195,245)
```

Analogous Color

#f5bd8a
```
#f5bd8a rgb(245,189,138)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#f58ac3
```
#f58ac3 rgb(245,138,195)
```

Split Complementary Color

#f5f28a
```
#f5f28a rgb(245,242,138)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#f28af5
```
#f28af5 rgb(242,138,245)
```

Triadic Color

#8df58a
```
#8df58a rgb(141,245,138)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#f28af5
```
#f28af5 rgb(242,138,245)
```
#f58a8d
```
#f58a8d rgb(245,138,141)
```

Tetradic Color

#44efea
```
#44efea rgb(68,239,234)
```
#5bf1ed
```
#5bf1ed rgb(91,241,237)
```
#73f3ef
```
#73f3ef rgb(115,243,239)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#a1f7f5
```
#a1f7f5 rgb(161,247,245)
```
#b9f9f7
```
#b9f9f7 rgb(185,249,247)
```
#d0fbfa
```
#d0fbfa rgb(208,251,250)
```

Monochromatic Color

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

#8af5d7
```
#8af5d7 rgb(138,245,215)
```
#8af5e0
```
#8af5e0 rgb(138,245,224)
```
#8af5e9
```
#8af5e9 rgb(138,245,233)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#8aeff5
```
#8aeff5 rgb(138,239,245)
```
#8ae6f5
```
#8ae6f5 rgb(138,230,245)
```
#8addf5
```
#8addf5 rgb(138,221,245)
```

Similar Colors

Text with hexadecimal color #8af5f2

This text has a font color of #8af5f2.

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

#8af5f2 background color

This paragraph has a background color of #8af5f2.

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

#8af5f2 border color

This element has a border color of #8af5f2.

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

CSS codes

.text {color:#8af5f2;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#021c1b
```
#021c1b rgb(2,28,27)
```
#042e2c
```
#042e2c rgb(4,46,44)
```
#05403e
```
#05403e rgb(5,64,62)
```
#075250
```
#075250 rgb(7,82,80)
```
#096461
```
#096461 rgb(9,100,97)
```
#0a7673
```
#0a7673 rgb(10,118,115)
```
#0c8885
```
#0c8885 rgb(12,136,133)
```
#0d9a96
```
#0d9a96 rgb(13,154,150)
```
#0faca8
```
#0faca8 rgb(15,172,168)
```
#10beb9
```
#10beb9 rgb(16,190,185)
```
#12d0cb
```
#12d0cb rgb(18,208,203)
```
#13e2dd
```
#13e2dd rgb(19,226,221)
```

Shade Color Variation

#1eece6
```
#1eece6 rgb(30,236,230)
```
#30ede8
```
#30ede8 rgb(48,237,232)
```
#42efea
```
#42efea rgb(66,239,234)
```
#54f0ec
```
#54f0ec rgb(84,240,236)
```
#66f2ee
```
#66f2ee rgb(102,242,238)
```
#78f3f0
```
#78f3f0 rgb(120,243,240)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#9cf7f4
```
#9cf7f4 rgb(156,247,244)
```
#aef8f6
```
#aef8f6 rgb(174,248,246)
```
#c0faf8
```
#c0faf8 rgb(192,250,248)
```
#d2fbfa
```
#d2fbfa rgb(210,251,250)
```
#e4fdfc
```
#e4fdfc rgb(228,253,252)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

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

#bbc4c4
```
#bbc4c4 rgb(187,196,196)
```
#b6c9c9
```
#b6c9c9 rgb(182,201,201)
```
#b1cecd
```
#b1cecd rgb(177,206,205)
```
#acd3d2
```
#acd3d2 rgb(172,211,210)
```
#a7d8d6
```
#a7d8d6 rgb(167,216,214)
```
#a2dddb
```
#a2dddb rgb(162,221,219)
```
#9ee1e0
```
#9ee1e0 rgb(158,225,224)
```
#99e6e4
```
#99e6e4 rgb(153,230,228)
```
#94ebe9
```
#94ebe9 rgb(148,235,233)
```
#8ff0ed
```
#8ff0ed rgb(143,240,237)
```
#8af5f2
```
#8af5f2 rgb(138,245,242)
```
#85faf7
```
#85faf7 rgb(133,250,247)
```
#80fffb
```
#80fffb rgb(128,255,251)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c6dbdb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e3e8 Protanopia 1% of men
#efdffa Deuteranopia 1% of men
#a8f0ff Tritanopia 0.001% of the population

Trichromacy

#c5e9ec Protanomaly 1% of men, 0.01% of women
#cae7f7 Deuteranomaly 6% of men, 0.4% of women
#9df1fa Tritanomaly 0.01% of the population

#8af5f2 hex color

#8af5f2 Color Information

#8af5f2 Color Conversion

Color Schemes with #8af5f2

Alternatives to #8af5f2

#8af5f2 Preview

Shades and Tints of #8af5f2

Tones of #8af5f2

Color Blindness Simulator