#8af5bb hex color

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

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

● #8af5bb color description : Very soft cyan - lime green.

The hexadecimal color #8af5bb has RGB values of R:138, G:245, B:187 and CMYK values of C:0.44, M:0, Y:0.24, K:0.04. Its decimal value is 9106875.

Hex triplet	8af5bb	`#8af5bb`
RGB Decimal	138, 245, 187	`rgb(138,245,187)`
RGB Percent	54.1, 96.1, 73.3	`rgb(54.1%,96.1%,73.3%)`
CMYK	44, 0, 24, 4
HSL	147.5°, 84.3, 75.1	`hsl(147.5,84.3%,75.1%)`
HSV (or HSB)	147.5°, 43.7, 96.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.061, -43.647, 18.451
XYZ	52.1, 74.293, 58.606
xyY	0.282, 0.402, 74.293
CIE-LCH	89.061, 47.386, 157.085
CIE-LUV	89.061, -49.304, 34.487
Hunter-Lab	86.193, -42.943, 20.022
Binary	10001010, 11110101, 10111011

#8af5bb
```
#8af5bb rgb(138,245,187)
```
#f58ac4
```
#f58ac4 rgb(245,138,196)
```

Complementary Color

#8ff58a
```
#8ff58a rgb(143,245,138)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#8af5f1
```
#8af5f1 rgb(138,245,241)
```

Analogous Color

#f58a8f
```
#f58a8f rgb(245,138,143)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#f18af5
```
#f18af5 rgb(241,138,245)
```

Split Complementary Color

#f5bb8a
```
#f5bb8a rgb(245,187,138)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#bb8af5
```
#bb8af5 rgb(187,138,245)
```

Triadic Color

#c4f58a
```
#c4f58a rgb(196,245,138)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#bb8af5
```
#bb8af5 rgb(187,138,245)
```
#f58ac4
```
#f58ac4 rgb(245,138,196)
```

Tetradic Color

#44ef92
```
#44ef92 rgb(68,239,146)
```
#5bf1a0
```
#5bf1a0 rgb(91,241,160)
```
#73f3ad
```
#73f3ad rgb(115,243,173)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#a1f7c9
```
#a1f7c9 rgb(161,247,201)
```
#b9f9d6
```
#b9f9d6 rgb(185,249,214)
```
#d0fbe4
```
#d0fbe4 rgb(208,251,228)
```

Monochromatic Color

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

#8af5a0
```
#8af5a0 rgb(138,245,160)
```
#8af5a9
```
#8af5a9 rgb(138,245,169)
```
#8af5b2
```
#8af5b2 rgb(138,245,178)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#8af5c4
```
#8af5c4 rgb(138,245,196)
```
#8af5cd
```
#8af5cd rgb(138,245,205)
```
#8af5d6
```
#8af5d6 rgb(138,245,214)
```

Similar Colors

Text with hexadecimal color #8af5bb

This text has a font color of #8af5bb.

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

#8af5bb background color

This paragraph has a background color of #8af5bb.

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

#8af5bb border color

This element has a border color of #8af5bb.

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

CSS codes

.text {color:#8af5bb;}

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

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

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

#010905
```
#010905 rgb(1,9,5)
```
#021c0e
```
#021c0e rgb(2,28,14)
```
#042e17
```
#042e17 rgb(4,46,23)
```
#054020
```
#054020 rgb(5,64,32)
```
#075229
```
#075229 rgb(7,82,41)
```
#096432
```
#096432 rgb(9,100,50)
```
#0a763b
```
#0a763b rgb(10,118,59)
```
#0c8845
```
#0c8845 rgb(12,136,69)
```
#0d9a4e
```
#0d9a4e rgb(13,154,78)
```
#0fac57
```
#0fac57 rgb(15,172,87)
```
#10be60
```
#10be60 rgb(16,190,96)
```
#12d069
```
#12d069 rgb(18,208,105)
```
#13e272
```
#13e272 rgb(19,226,114)
```

Shade Color Variation

#1eec7c
```
#1eec7c rgb(30,236,124)
```
#30ed86
```
#30ed86 rgb(48,237,134)
```
#42ef91
```
#42ef91 rgb(66,239,145)
```
#54f09b
```
#54f09b rgb(84,240,155)
```
#66f2a6
```
#66f2a6 rgb(102,242,166)
```
#78f3b0
```
#78f3b0 rgb(120,243,176)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#9cf7c6
```
#9cf7c6 rgb(156,247,198)
```
#aef8d0
```
#aef8d0 rgb(174,248,208)
```
#c0fadb
```
#c0fadb rgb(192,250,219)
```
#d2fbe5
```
#d2fbe5 rgb(210,251,229)
```
#e4fdf0
```
#e4fdf0 rgb(228,253,240)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```

Tint Color Variation

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

#bbc4bf
```
#bbc4bf rgb(187,196,191)
```
#b6c9bf
```
#b6c9bf rgb(182,201,191)
```
#b1cebe
```
#b1cebe rgb(177,206,190)
```
#acd3be
```
#acd3be rgb(172,211,190)
```
#a7d8bd
```
#a7d8bd rgb(167,216,189)
```
#a2ddbd
```
#a2ddbd rgb(162,221,189)
```
#9ee1bd
```
#9ee1bd rgb(158,225,189)
```
#99e6bc
```
#99e6bc rgb(153,230,188)
```
#94ebbc
```
#94ebbc rgb(148,235,188)
```
#8ff0bb
```
#8ff0bb rgb(143,240,187)
```
#8af5bb
```
#8af5bb rgb(138,245,187)
```
#85fabb
```
#85fabb rgb(133,250,187)
```
#80ffba
```
#80ffba rgb(128,255,186)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c0d6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe0b5 Protanopia 1% of men
#ffd9c8 Deuteranopia 1% of men
#a2ecfe Tritanopia 0.001% of the population

Trichromacy

#cae8b7 Protanomaly 1% of men, 0.01% of women
#d4e3c3 Deuteranomaly 6% of men, 0.4% of women
#99efe5 Tritanomaly 0.01% of the population

#8af5bb hex color

#8af5bb Color Information

#8af5bb Color Conversion

Color Schemes with #8af5bb

Alternatives to #8af5bb

#8af5bb Preview

Shades and Tints of #8af5bb

Tones of #8af5bb

Color Blindness Simulator