#9bbacc Color Information
In a RGB color space, hex #9bbacc is composed of 60.8% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 202 degrees, a saturation of 32.5% and a lightness of 70.4%. #9bbacc color hex could be obtained by blending #ffffff with #377599. Closest websafe color is: #99cccc.
-
- R 61
- G 73
- B 80
-
- C 24
- M 9
- Y 0
- K 20
● #9bbacc color description : Grayish blue.
#9bbacc Color Conversion
The hexadecimal color #9bbacc has RGB values of R:155, G:186, B:204 and CMYK values of C:0.24, M:0.09, Y:0, K:0.2. Its decimal value is 10205900.
Hex triplet | 9bbacc | #9bbacc |
---|---|---|
RGB Decimal | 155, 186, 204 | rgb(155,186,204) |
RGB Percent | 60.8, 72.9, 80 | rgb(60.8%,72.9%,80%) |
CMYK | 24, 9, 0, 20 | |
HSL | 202°, 32.5, 70.4 | hsl(202,32.5%,70.4%) |
HSV (or HSB) | 202°, 24, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 73.833, -6.456, -12.541 |
---|---|
XYZ | 41.973, 46.445, 63.877 |
xyY | 0.276, 0.305, 46.445 |
CIE-LCH | 73.833, 14.105, 242.763 |
CIE-LUV | 73.833, -16.666, -18.24 |
Hunter-Lab | 68.151, -9.327, -7.867 |
Binary | 10011011, 10111010, 11001100 |
Color Schemes with #9bbacc
Alternatives to #9bbacc
Below, you can see some colors close to #9bbacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9bbacc Preview
This text has a font color of #9bbacc.
<span style="color:#9bbacc;">Text here</span>
This paragraph has a background color of #9bbacc.
<p style="background-color:#9bbacc;">Content here</p>
This element has a border color of #9bbacc.
<div style="border:1px solid #9bbacc;">Content here</div>
.text {color:#9bbacc;}
.background {background-color:#9bbacc;}
.border {border:1px solid #9bbacc;}
Shades and Tints of #9bbacc
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, #020304 is the darkest color, while #f6f9fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090e11
#090e11
rgb(9,14,17)
-
#0f191e
#0f191e
rgb(15,25,30)
-
#16232b
#16232b
rgb(22,35,43)
-
#1d2e38
#1d2e38
rgb(29,46,56)
-
#233845
#233845
rgb(35,56,69)
-
#2a4352
#2a4352
rgb(42,67,82)
-
#304e5f
#304e5f
rgb(48,78,95)
-
#37586c
#37586c
rgb(55,88,108)
-
#3e6379
#3e6379
rgb(62,99,121)
-
#446e86
#446e86
rgb(68,110,134)
-
#4b7893
#4b7893
rgb(75,120,147)
-
#5283a0
#5283a0
rgb(82,131,160)
-
#5a8dab
#5a8dab
rgb(90,141,171)
-
#6796b1
#6796b1
rgb(103,150,177)
-
#749fb8
#749fb8
rgb(116,159,184)
-
#81a8bf
#81a8bf
rgb(129,168,191)
-
#8eb1c5
#8eb1c5
rgb(142,177,197)
-
#9bbacc
#9bbacc
rgb(155,186,204)
-
#a8c3d3
#a8c3d3
rgb(168,195,211)
-
#b5ccd9
#b5ccd9
rgb(181,204,217)
-
#c2d5e0
#c2d5e0
rgb(194,213,224)
-
#cfdee7
#cfdee7
rgb(207,222,231)
-
#dce7ed
#dce7ed
rgb(220,231,237)
-
#e9f0f4
#e9f0f4
rgb(233,240,244)
-
#f6f9fa
#f6f9fa
rgb(246,249,250)
Tones of #9bbacc
A tone is produced by adding gray to any pure hue. In this case, #b2b4b5 is the less saturated color, while #6dc6fa is the most saturated one.
-
#b2b4b5
#b2b4b5
rgb(178,180,181)
-
#acb5bb
#acb5bb
rgb(172,181,187)
-
#a7b7c0
#a7b7c0
rgb(167,183,192)
-
#a1b8c6
#a1b8c6
rgb(161,184,198)
-
#9bbacc
#9bbacc
rgb(155,186,204)
-
#95bcd2
#95bcd2
rgb(149,188,210)
-
#8fbdd8
#8fbdd8
rgb(143,189,216)
-
#8abfdd
#8abfdd
rgb(138,191,221)
-
#84c0e3
#84c0e3
rgb(132,192,227)
-
#7ec2e9
#7ec2e9
rgb(126,194,233)
-
#78c3ef
#78c3ef
rgb(120,195,239)
-
#72c5f5
#72c5f5
rgb(114,197,245)
-
#6dc6fa
#6dc6fa
rgb(109,198,250)
Color Blindness Simulator
Below, you can see how #9bbacc 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.