#9ba5f0 Color Information
In a RGB color space, hex #9ba5f0 is composed of 60.8% red, 64.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 31.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 232.9 degrees, a saturation of 73.9% and a lightness of 77.5%. #9ba5f0 color hex could be obtained by blending #ffffff with #374be1. Closest websafe color is: #9999ff.
-
- R 61
- G 65
- B 94
-
- C 35
- M 31
- Y 0
- K 6
● #9ba5f0 color description : Very soft blue.
#9ba5f0 Color Conversion
The hexadecimal color #9ba5f0 has RGB values of R:155, G:165, B:240 and CMYK values of C:0.35, M:0.31, Y:0, K:0.06. Its decimal value is 10200560.
Hex triplet | 9ba5f0 | #9ba5f0 |
---|---|---|
RGB Decimal | 155, 165, 240 | rgb(155,165,240) |
RGB Percent | 60.8, 64.7, 94.1 | rgb(60.8%,64.7%,94.1%) |
CMYK | 35, 31, 0, 6 | |
HSL | 232.9°, 73.9, 77.5 | hsl(232.9,73.9%,77.5%) |
HSV (or HSB) | 232.9°, 35.4, 94.1 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 69.59, 14.014, -38.683 |
---|---|
XYZ | 42.698, 40.169, 87.937 |
xyY | 0.25, 0.235, 40.169 |
CIE-LCH | 69.59, 41.143, 289.914 |
CIE-LUV | 69.59, -9.011, -63.908 |
Hunter-Lab | 63.379, 9.34, -37.898 |
Binary | 10011011, 10100101, 11110000 |
Color Schemes with #9ba5f0
Alternatives to #9ba5f0
Below, you can see some colors close to #9ba5f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ba5f0 Preview
This text has a font color of #9ba5f0.
<span style="color:#9ba5f0;">Text here</span>
This paragraph has a background color of #9ba5f0.
<p style="background-color:#9ba5f0;">Content here</p>
This element has a border color of #9ba5f0.
<div style="border:1px solid #9ba5f0;">Content here</div>
.text {color:#9ba5f0;}
.background {background-color:#9ba5f0;}
.border {border:1px solid #9ba5f0;}
Shades and Tints of #9ba5f0
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, #000102 is the darkest color, while #f0f2fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030513
#030513
rgb(3,5,19)
-
#050924
#050924
rgb(5,9,36)
-
#080d36
#080d36
rgb(8,13,54)
-
#0b1247
#0b1247
rgb(11,18,71)
-
#0d1658
#0d1658
rgb(13,22,88)
-
#101a69
#101a69
rgb(16,26,105)
-
#121e7a
#121e7a
rgb(18,30,122)
-
#15238b
#15238b
rgb(21,35,139)
-
#17279c
#17279c
rgb(23,39,156)
-
#1a2bad
#1a2bad
rgb(26,43,173)
-
#1c2fbe
#1c2fbe
rgb(28,47,190)
-
#1f34cf
#1f34cf
rgb(31,52,207)
-
#243ade
#243ade
rgb(36,58,222)
-
#3549e1
#3549e1
rgb(53,73,225)
-
#4658e3
#4658e3
rgb(70,88,227)
-
#5768e6
#5768e6
rgb(87,104,230)
-
#6877e8
#6877e8
rgb(104,119,232)
-
#7986eb
#7986eb
rgb(121,134,235)
-
#8a96ed
#8a96ed
rgb(138,150,237)
-
#9ba5f0
#9ba5f0
rgb(155,165,240)
-
#acb4f3
#acb4f3
rgb(172,180,243)
-
#bdc4f5
#bdc4f5
rgb(189,196,245)
-
#ced3f8
#ced3f8
rgb(206,211,248)
-
#dfe2fa
#dfe2fa
rgb(223,226,250)
-
#f0f2fd
#f0f2fd
rgb(240,242,253)
Tones of #9ba5f0
A tone is produced by adding gray to any pure hue. In this case, #c3c3c8 is the less saturated color, while #8e9bfd is the most saturated one.
-
#c3c3c8
#c3c3c8
rgb(195,195,200)
-
#bec0cd
#bec0cd
rgb(190,192,205)
-
#babdd1
#babdd1
rgb(186,189,209)
-
#b6b9d5
#b6b9d5
rgb(182,185,213)
-
#b1b6da
#b1b6da
rgb(177,182,218)
-
#adb3de
#adb3de
rgb(173,179,222)
-
#a8afe3
#a8afe3
rgb(168,175,227)
-
#a4ace7
#a4ace7
rgb(164,172,231)
-
#9fa8ec
#9fa8ec
rgb(159,168,236)
-
#9ba5f0
#9ba5f0
rgb(155,165,240)
-
#97a2f4
#97a2f4
rgb(151,162,244)
-
#929ef9
#929ef9
rgb(146,158,249)
-
#8e9bfd
#8e9bfd
rgb(142,155,253)
Color Blindness Simulator
Below, you can see how #9ba5f0 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.