#8fb5bb hex color

In a RGB color space, hex #8fb5bb is composed of 56.1% red, 71% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 3.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 188.2 degrees, a saturation of 24.4% and a lightness of 64.7%. #8fb5bb color hex could be obtained by blending #ffffff with #1f6b77. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 56
- G 71
- B 73
RGB color chart
- C 24
- M 3
- Y 0
- K 27
CMYK color chart

● #8fb5bb color description : Grayish cyan.

The hexadecimal color #8fb5bb has RGB values of R:143, G:181, B:187 and CMYK values of C:0.24, M:0.03, Y:0, K:0.27. Its decimal value is 9418171.

Hex triplet	8fb5bb	`#8fb5bb`
RGB Decimal	143, 181, 187	`rgb(143,181,187)`
RGB Percent	56.1, 71, 73.3	`rgb(56.1%,71%,73.3%)`
CMYK	24, 3, 0, 27
HSL	188.2°, 24.4, 64.7	`hsl(188.2,24.4%,64.7%)`
HSV (or HSB)	188.2°, 23.5, 73.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.197, -11.361, -7.254
XYZ	36.819, 42.474, 53.269
xyY	0.278, 0.32, 42.474
CIE-LCH	71.197, 13.479, 212.558
CIE-LUV	71.197, -19.616, -9.107
Hunter-Lab	65.172, -13.207, -2.841
Binary	10001111, 10110101, 10111011

#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#bb958f
```
#bb958f rgb(187,149,143)
```

Complementary Color

#8fbbab
```
#8fbbab rgb(143,187,171)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#8f9fbb
```
#8f9fbb rgb(143,159,187)
```

Analogous Color

#bbab8f
```
#bbab8f rgb(187,171,143)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#bb8f9f
```
#bb8f9f rgb(187,143,159)
```

Split Complementary Color

#b5bb8f
```
#b5bb8f rgb(181,187,143)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#bb8fb5
```
#bb8fb5 rgb(187,143,181)
```

Triadic Color

#8fbb95
```
#8fbb95 rgb(143,187,149)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#bb8fb5
```
#bb8fb5 rgb(187,143,181)
```
#bb958f
```
#bb958f rgb(187,149,143)
```

Tetradic Color

#60959e
```
#60959e rgb(96,149,158)
```
#6fa0a8
```
#6fa0a8 rgb(111,160,168)
```
#7fabb1
```
#7fabb1 rgb(127,171,177)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#9fbfc5
```
#9fbfc5 rgb(159,191,197)
```
#afcace
```
#afcace rgb(175,202,206)
```
#bfd4d8
```
#bfd4d8 rgb(191,212,216)
```

Monochromatic Color

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

#8fbbb6
```
#8fbbb6 rgb(143,187,182)
```
#8fbbba
```
#8fbbba rgb(143,187,186)
```
#8fb9bb
```
#8fb9bb rgb(143,185,187)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#8fb1bb
```
#8fb1bb rgb(143,177,187)
```
#8faebb
```
#8faebb rgb(143,174,187)
```
#8faabb
```
#8faabb rgb(143,170,187)
```

Similar Colors

Text with hexadecimal color #8fb5bb

This text has a font color of #8fb5bb.

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

#8fb5bb background color

This paragraph has a background color of #8fb5bb.

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

#8fb5bb border color

This element has a border color of #8fb5bb.

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

CSS codes

.text {color:#8fb5bb;}

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

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

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0e1516
```
#0e1516 rgb(14,21,22)
```
#152122
```
#152122 rgb(21,33,34)
```
#1c2c2f
```
#1c2c2f rgb(28,44,47)
```
#24383b
```
#24383b rgb(36,56,59)
```
#2b4347
```
#2b4347 rgb(43,67,71)
```
#334f53
```
#334f53 rgb(51,79,83)
```
#3a5a5f
```
#3a5a5f rgb(58,90,95)
```
#41666c
```
#41666c rgb(65,102,108)
```
#497178
```
#497178 rgb(73,113,120)
```
#507d84
```
#507d84 rgb(80,125,132)
```
#588990
```
#588990 rgb(88,137,144)
```
#5f949d
```
#5f949d rgb(95,148,157)
```

Shade Color Variation

#6a9da5
```
#6a9da5 rgb(106,157,165)
```
#77a5ac
```
#77a5ac rgb(119,165,172)
```
#83adb4
```
#83adb4 rgb(131,173,180)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#9bbdc2
```
#9bbdc2 rgb(155,189,194)
```
#a7c5ca
```
#a7c5ca rgb(167,197,202)
```
#b4cdd1
```
#b4cdd1 rgb(180,205,209)
```
#c0d5d9
```
#c0d5d9 rgb(192,213,217)
```
#ccdde0
```
#ccdde0 rgb(204,221,224)
```
#d8e5e7
```
#d8e5e7 rgb(216,229,231)
```
#e4edef
```
#e4edef rgb(228,237,239)
```
#f1f6f6
```
#f1f6f6 rgb(241,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#a4a6a6
```
#a4a6a6 rgb(164,166,166)
```
#9dabad
```
#9dabad rgb(157,171,173)
```
#96b0b4
```
#96b0b4 rgb(150,176,180)
```
#8fb5bb
```
#8fb5bb rgb(143,181,187)
```
#88bac2
```
#88bac2 rgb(136,186,194)
```
#81bfc9
```
#81bfc9 rgb(129,191,201)
```
#7ac4d0
```
#7ac4d0 rgb(122,196,208)
```
#73c9d7
```
#73c9d7 rgb(115,201,215)
```
#6ccede
```
#6ccede rgb(108,206,222)
```
#65d3e5
```
#65d3e5 rgb(101,211,229)
```
#5fd8eb
```
#5fd8eb rgb(95,216,235)
```
#58ddf2
```
#58ddf2 rgb(88,221,242)
```
#51e2f9
```
#51e2f9 rgb(81,226,249)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a5acad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b1ba Protanopia 1% of men
#bbadc2 Deuteranopia 1% of men
#96b7c5 Tritanopia 0.001% of the population

Trichromacy

#a5b2ba Protanomaly 1% of men, 0.01% of women
#abb0bf Deuteranomaly 6% of men, 0.4% of women
#93b6c1 Tritanomaly 0.01% of the population

#8fb5bb hex color

#8fb5bb Color Information

#8fb5bb Color Conversion

Color Schemes with #8fb5bb

Alternatives to #8fb5bb

#8fb5bb Preview

Shades and Tints of #8fb5bb

Tones of #8fb5bb

Color Blindness Simulator