#8af3f5 hex color

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

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

● #8af3f5 color description : Very soft cyan.

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

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

CIE-LAB	89.903, -29.934, -10.484
XYZ	59.009, 76.093, 97.959
xyY	0.253, 0.326, 76.093
CIE-LCH	89.903, 31.717, 199.301
CIE-LUV	89.903, -46.611, -11.723
Hunter-Lab	87.232, -31.907, -5.519
Binary	10001010, 11110011, 11110101

#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#f58c8a
```
#f58c8a rgb(245,140,138)
```

Complementary Color

#8af5c2
```
#8af5c2 rgb(138,245,194)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#8abef5
```
#8abef5 rgb(138,190,245)
```

Analogous Color

#f5c28a
```
#f5c28a rgb(245,194,138)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#f58abe
```
#f58abe rgb(245,138,190)
```

Split Complementary Color

#f3f58a
```
#f3f58a rgb(243,245,138)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#f58af3
```
#f58af3 rgb(245,138,243)
```

Triadic Color

#8af58c
```
#8af58c rgb(138,245,140)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#f58af3
```
#f58af3 rgb(245,138,243)
```
#f58c8a
```
#f58c8a rgb(245,140,138)
```

Tetradic Color

#44ecef
```
#44ecef rgb(68,236,239)
```
#5beef1
```
#5beef1 rgb(91,238,241)
```
#73f1f3
```
#73f1f3 rgb(115,241,243)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#a1f5f7
```
#a1f5f7 rgb(161,245,247)
```
#b9f8f9
```
#b9f8f9 rgb(185,248,249)
```
#d0fafb
```
#d0fafb rgb(208,250,251)
```

Monochromatic Color

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

#8af5dc
```
#8af5dc rgb(138,245,220)
```
#8af5e5
```
#8af5e5 rgb(138,245,229)
```
#8af5ee
```
#8af5ee rgb(138,245,238)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#8aeaf5
```
#8aeaf5 rgb(138,234,245)
```
#8ae1f5
```
#8ae1f5 rgb(138,225,245)
```
#8ad8f5
```
#8ad8f5 rgb(138,216,245)
```

Similar Colors

Text with hexadecimal color #8af3f5

This text has a font color of #8af3f5.

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

#8af3f5 background color

This paragraph has a background color of #8af3f5.

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

#8af3f5 border color

This element has a border color of #8af3f5.

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

CSS codes

.text {color:#8af3f5;}

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

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

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)
```
#021b1c
```
#021b1c rgb(2,27,28)
```
#042d2e
```
#042d2e rgb(4,45,46)
```
#053f40
```
#053f40 rgb(5,63,64)
```
#075052
```
#075052 rgb(7,80,82)
```
#096264
```
#096264 rgb(9,98,100)
```
#0a7476
```
#0a7476 rgb(10,116,118)
```
#0c8688
```
#0c8688 rgb(12,134,136)
```
#0d979a
```
#0d979a rgb(13,151,154)
```
#0fa9ac
```
#0fa9ac rgb(15,169,172)
```
#10bbbe
```
#10bbbe rgb(16,187,190)
```
#12cdd0
```
#12cdd0 rgb(18,205,208)
```
#13dee2
```
#13dee2 rgb(19,222,226)
```

Shade Color Variation

#1ee8ec
```
#1ee8ec rgb(30,232,236)
```
#30eaed
```
#30eaed rgb(48,234,237)
```
#42ecef
```
#42ecef rgb(66,236,239)
```
#54edf0
```
#54edf0 rgb(84,237,240)
```
#66eff2
```
#66eff2 rgb(102,239,242)
```
#78f1f3
```
#78f1f3 rgb(120,241,243)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#9cf5f7
```
#9cf5f7 rgb(156,245,247)
```
#aef7f8
```
#aef7f8 rgb(174,247,248)
```
#c0f9fa
```
#c0f9fa rgb(192,249,250)
```
#d2fafb
```
#d2fafb rgb(210,250,251)
```
#e4fcfd
```
#e4fcfd rgb(228,252,253)
```
#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 #80fcff is the most saturated one.

#bbc4c4
```
#bbc4c4 rgb(187,196,196)
```
#b6c9c9
```
#b6c9c9 rgb(182,201,201)
```
#b1cdce
```
#b1cdce rgb(177,205,206)
```
#acd2d3
```
#acd2d3 rgb(172,210,211)
```
#a7d7d8
```
#a7d7d8 rgb(167,215,216)
```
#a2dbdd
```
#a2dbdd rgb(162,219,221)
```
#9ee0e1
```
#9ee0e1 rgb(158,224,225)
```
#99e5e6
```
#99e5e6 rgb(153,229,230)
```
#94eaeb
```
#94eaeb rgb(148,234,235)
```
#8feef0
```
#8feef0 rgb(143,238,240)
```
#8af3f5
```
#8af3f5 rgb(138,243,245)
```
#85f8fa
```
#85f8fa rgb(133,248,250)
```
#80fcff
```
#80fcff rgb(128,252,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c5dadb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2eb Protanopia 1% of men
#ecdefd Deuteranopia 1% of men
#a3efff Tritanopia 0.001% of the population

Trichromacy

#c3e8ef Protanomaly 1% of men, 0.01% of women
#c8e5fa Deuteranomaly 6% of men, 0.4% of women
#9af0fb Tritanomaly 0.01% of the population

#8af3f5 hex color

#8af3f5 Color Information

#8af3f5 Color Conversion

Color Schemes with #8af3f5

Alternatives to #8af3f5

#8af3f5 Preview

Shades and Tints of #8af3f5

Tones of #8af3f5

Color Blindness Simulator