#9bb8b6 Color Information
In a RGB color space, hex #9bb8b6 is composed of 60.8% red, 72.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 1.1% yellow and 27.8% black. It has a hue angle of 175.9 degrees, a saturation of 17% and a lightness of 66.5%. #9bb8b6 color hex could be obtained by blending #ffffff with #37716d. Closest websafe color is: #99cccc.
-
- R 61
- G 72
- B 71
-
- C 16
- M 0
- Y 1
- K 28
● #9bb8b6 color description : Grayish cyan.
#9bb8b6 Color Conversion
The hexadecimal color #9bb8b6 has RGB values of R:155, G:184, B:182 and CMYK values of C:0.16, M:0, Y:0.01, K:0.28. Its decimal value is 10205366.
| Hex triplet | 9bb8b6 | #9bb8b6 |
|---|---|---|
| RGB Decimal | 155, 184, 182 | rgb(155,184,182) |
| RGB Percent | 60.8, 72.2, 71.4 | rgb(60.8%,72.2%,71.4%) |
| CMYK | 16, 0, 1, 28 | |
| HSL | 175.9°, 17, 66.5 | hsl(175.9,17%,66.5%) |
| HSV (or HSB) | 175.9°, 15.8, 72.2 | |
| Web Safe | 99cccc | #99cccc |
| CIE-LAB | 72.645, -10.229, -2.29 |
|---|---|
| XYZ | 39.1, 44.626, 50.807 |
| xyY | 0.291, 0.332, 44.626 |
| CIE-LCH | 72.645, 10.482, 192.618 |
| CIE-LUV | 72.645, -15.274, -1.713 |
| Hunter-Lab | 66.803, -12.429, 1.669 |
| Binary | 10011011, 10111000, 10110110 |
Color Schemes with #9bb8b6
Alternatives to #9bb8b6
Below, you can see some colors close to #9bb8b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9bb8b6 Preview
This text has a font color of #9bb8b6.
<span style="color:#9bb8b6;">Text here</span>
This paragraph has a background color of #9bb8b6.
<p style="background-color:#9bb8b6;">Content here</p>
This element has a border color of #9bb8b6.
<div style="border:1px solid #9bb8b6;">Content here</div>
.text {color:#9bb8b6;}
.background {background-color:#9bb8b6;}
.border {border:1px solid #9bb8b6;}
Shades and Tints of #9bb8b6
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303rgb(2,3,3) -
#0a0f0e
#0a0f0ergb(10,15,14) -
#131a1a
#131a1argb(19,26,26) -
#1b2625
#1b2625rgb(27,38,37) -
#233130
#233130rgb(35,49,48) -
#2b3d3b
#2b3d3brgb(43,61,59) -
#334847
#334847rgb(51,72,71) -
#3b5452
#3b5452rgb(59,84,82) -
#435f5d
#435f5drgb(67,95,93) -
#4c6a68
#4c6a68rgb(76,106,104) -
#547674
#547674rgb(84,118,116) -
#5c817f
#5c817frgb(92,129,127) -
#648d8a
#648d8argb(100,141,138)
-
#6d9795
#6d9795rgb(109,151,149) -
#79a09d
#79a09drgb(121,160,157) -
#84a8a5
#84a8a5rgb(132,168,165) -
#90b0ae
#90b0aergb(144,176,174) -
#9bb8b6
#9bb8b6rgb(155,184,182) -
#a6c0be
#a6c0bergb(166,192,190) -
#b2c8c7
#b2c8c7rgb(178,200,199) -
#bdd0cf
#bdd0cfrgb(189,208,207) -
#c9d9d7
#c9d9d7rgb(201,217,215) -
#d4e1e0
#d4e1e0rgb(212,225,224) -
#e0e9e8
#e0e9e8rgb(224,233,232) -
#ebf1f1
#ebf1f1rgb(235,241,241) -
#f7f9f9
#f7f9f9rgb(247,249,249)
Tones of #9bb8b6
A tone is produced by adding gray to any pure hue. In this case, #a8abab is the less saturated color, while #59faef is the most saturated one.
-
#a8abab
#a8ababrgb(168,171,171) -
#a2b1b0
#a2b1b0rgb(162,177,176) -
#9bb8b6
#9bb8b6rgb(155,184,182) -
#94bfbc
#94bfbcrgb(148,191,188) -
#8ec5c1
#8ec5c1rgb(142,197,193) -
#87ccc7
#87ccc7rgb(135,204,199) -
#81d2cd
#81d2cdrgb(129,210,205) -
#7ad9d2
#7ad9d2rgb(122,217,210) -
#74dfd8
#74dfd8rgb(116,223,216) -
#6de6de
#6de6dergb(109,230,222) -
#66ede3
#66ede3rgb(102,237,227) -
#60f3e9
#60f3e9rgb(96,243,233) -
#59faef
#59faefrgb(89,250,239)
Color Blindness Simulator
Below, you can see how #9bb8b6 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.
