#9bb5f2 Color Information
In a RGB color space, hex #9bb5f2 is composed of 60.8% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.1 degrees, a saturation of 77% and a lightness of 77.8%. #9bb5f2 color hex could be obtained by blending #ffffff with #376be5. Closest websafe color is: #99ccff.
-
- R 61
- G 71
- B 95
-
- C 36
- M 25
- Y 0
- K 5
● #9bb5f2 color description : Very soft blue.
#9bb5f2 Color Conversion
The hexadecimal color #9bb5f2 has RGB values of R:155, G:181, B:242 and CMYK values of C:0.36, M:0.25, Y:0, K:0.05. Its decimal value is 10204658.
Hex triplet | 9bb5f2 | #9bb5f2 |
---|---|---|
RGB Decimal | 155, 181, 242 | rgb(155,181,242) |
RGB Percent | 60.8, 71, 94.9 | rgb(60.8%,71%,94.9%) |
CMYK | 36, 25, 0, 5 | |
HSL | 222.1°, 77, 77.8 | hsl(222.1,77%,77.8%) |
HSV (or HSB) | 222.1°, 36, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 73.821, 5.589, -33.203 |
---|---|
XYZ | 46.065, 46.426, 90.533 |
xyY | 0.252, 0.254, 46.426 |
CIE-LCH | 73.821, 33.671, 279.555 |
CIE-LUV | 73.821, -15.482, -54.024 |
Hunter-Lab | 68.136, 1.44, -31.084 |
Binary | 10011011, 10110101, 11110010 |
Color Schemes with #9bb5f2
Alternatives to #9bb5f2
Below, you can see some colors close to #9bb5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9bb5f2 Preview
This text has a font color of #9bb5f2.
<span style="color:#9bb5f2;">Text here</span>
This paragraph has a background color of #9bb5f2.
<p style="background-color:#9bb5f2;">Content here</p>
This element has a border color of #9bb5f2.
<div style="border:1px solid #9bb5f2;">Content here</div>
.text {color:#9bb5f2;}
.background {background-color:#9bb5f2;}
.border {border:1px solid #9bb5f2;}
Shades and Tints of #9bb5f2
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, #010204 is the darkest color, while #f2f5fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030816
#030816
rgb(3,8,22)
-
#050f27
#050f27
rgb(5,15,39)
-
#071638
#071638
rgb(7,22,56)
-
#0a1d4a
#0a1d4a
rgb(10,29,74)
-
#0c235b
#0c235b
rgb(12,35,91)
-
#0e2a6c
#0e2a6c
rgb(14,42,108)
-
#10317e
#10317e
rgb(16,49,126)
-
#13388f
#13388f
rgb(19,56,143)
-
#153fa0
#153fa0
rgb(21,63,160)
-
#1745b2
#1745b2
rgb(23,69,178)
-
#194cc3
#194cc3
rgb(25,76,195)
-
#1c53d4
#1c53d4
rgb(28,83,212)
-
#215be2
#215be2
rgb(33,91,226)
-
#3368e4
#3368e4
rgb(51,104,228)
-
#4475e7
#4475e7
rgb(68,117,231)
-
#5682e9
#5682e9
rgb(86,130,233)
-
#678eeb
#678eeb
rgb(103,142,235)
-
#789bed
#789bed
rgb(120,155,237)
-
#8aa8f0
#8aa8f0
rgb(138,168,240)
-
#9bb5f2
#9bb5f2
rgb(155,181,242)
-
#acc2f4
#acc2f4
rgb(172,194,244)
-
#becff7
#becff7
rgb(190,207,247)
-
#cfdcf9
#cfdcf9
rgb(207,220,249)
-
#e0e8fb
#e0e8fb
rgb(224,232,251)
-
#f2f5fd
#f2f5fd
rgb(242,245,253)
Tones of #9bb5f2
A tone is produced by adding gray to any pure hue. In this case, #c6c6c7 is the less saturated color, while #92b2fb is the most saturated one.
-
#c6c6c7
#c6c6c7
rgb(198,198,199)
-
#c2c5cb
#c2c5cb
rgb(194,197,203)
-
#bec3cf
#bec3cf
rgb(190,195,207)
-
#b9c1d4
#b9c1d4
rgb(185,193,212)
-
#b5bfd8
#b5bfd8
rgb(181,191,216)
-
#b1bedc
#b1bedc
rgb(177,190,220)
-
#acbce1
#acbce1
rgb(172,188,225)
-
#a8bae5
#a8bae5
rgb(168,186,229)
-
#a4b8e9
#a4b8e9
rgb(164,184,233)
-
#9fb7ee
#9fb7ee
rgb(159,183,238)
-
#9bb5f2
#9bb5f2
rgb(155,181,242)
-
#97b3f6
#97b3f6
rgb(151,179,246)
-
#92b2fb
#92b2fb
rgb(146,178,251)
Color Blindness Simulator
Below, you can see how #9bb5f2 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.