#9ca3b4 Color Information
In a RGB color space, hex #9ca3b4 is composed of 61.2% red, 63.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 9.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 222.5 degrees, a saturation of 13.8% and a lightness of 65.9%. #9ca3b4 color hex could be obtained by blending #ffffff with #394769. Closest websafe color is: #9999cc.
-
- R 61
- G 64
- B 71
-
- C 13
- M 9
- Y 0
- K 29
● #9ca3b4 color description : Grayish blue.
#9ca3b4 Color Conversion
The hexadecimal color #9ca3b4 has RGB values of R:156, G:163, B:180 and CMYK values of C:0.13, M:0.09, Y:0, K:0.29. Its decimal value is 10265524.
Hex triplet | 9ca3b4 | #9ca3b4 |
---|---|---|
RGB Decimal | 156, 163, 180 | rgb(156,163,180) |
RGB Percent | 61.2, 63.9, 70.6 | rgb(61.2%,63.9%,70.6%) |
CMYK | 13, 9, 0, 29 | |
HSL | 222.5°, 13.8, 65.9 | hsl(222.5,13.8%,65.9%) |
HSV (or HSB) | 222.5°, 13.3, 70.6 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 66.944, 1.018, -9.617 |
---|---|
XYZ | 35.044, 36.557, 48.387 |
xyY | 0.292, 0.305, 36.557 |
CIE-LCH | 66.944, 9.671, 276.04 |
CIE-LUV | 66.944, -4.734, -14.571 |
Hunter-Lab | 60.463, -2.351, -5.125 |
Binary | 10011100, 10100011, 10110100 |
Color Schemes with #9ca3b4
Alternatives to #9ca3b4
Below, you can see some colors close to #9ca3b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9ca3b4 Preview
This text has a font color of #9ca3b4.
<span style="color:#9ca3b4;">Text here</span>
This paragraph has a background color of #9ca3b4.
<p style="background-color:#9ca3b4;">Content here</p>
This element has a border color of #9ca3b4.
<div style="border:1px solid #9ca3b4;">Content here</div>
.text {color:#9ca3b4;}
.background {background-color:#9ca3b4;}
.border {border:1px solid #9ca3b4;}
Shades and Tints of #9ca3b4
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, #010101 is the darkest color, while #f5f6f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0a0a0d
#0a0a0d
rgb(10,10,13)
-
#121418
#121418
rgb(18,20,24)
-
#1a1d23
#1a1d23
rgb(26,29,35)
-
#23262e
#23262e
rgb(35,38,46)
-
#2b2f39
#2b2f39
rgb(43,47,57)
-
#343944
#343944
rgb(52,57,68)
-
#3c4250
#3c4250
rgb(60,66,80)
-
#454b5b
#454b5b
rgb(69,75,91)
-
#4d5466
#4d5466
rgb(77,84,102)
-
#565e71
#565e71
rgb(86,94,113)
-
#5e677c
#5e677c
rgb(94,103,124)
-
#677087
#677087
rgb(103,112,135)
-
#6f7a92
#6f7a92
rgb(111,122,146)
-
#7b849b
#7b849b
rgb(123,132,155)
-
#868ea3
#868ea3
rgb(134,142,163)
-
#9199ac
#9199ac
rgb(145,153,172)
-
#9ca3b4
#9ca3b4
rgb(156,163,180)
-
#a7adbc
#a7adbc
rgb(167,173,188)
-
#b2b8c5
#b2b8c5
rgb(178,184,197)
-
#bdc2cd
#bdc2cd
rgb(189,194,205)
-
#c9ccd6
#c9ccd6
rgb(201,204,214)
-
#d4d7de
#d4d7de
rgb(212,215,222)
-
#dfe1e7
#dfe1e7
rgb(223,225,231)
-
#eaecef
#eaecef
rgb(234,236,239)
-
#f5f6f8
#f5f6f8
rgb(245,246,248)
Tones of #9ca3b4
A tone is produced by adding gray to any pure hue. In this case, #a3a6ad is the less saturated color, while #5284fe is the most saturated one.
-
#a3a6ad
#a3a6ad
rgb(163,166,173)
-
#9ca3b4
#9ca3b4
rgb(156,163,180)
-
#95a0bb
#95a0bb
rgb(149,160,187)
-
#8f9dc1
#8f9dc1
rgb(143,157,193)
-
#889bc8
#889bc8
rgb(136,155,200)
-
#8198cf
#8198cf
rgb(129,152,207)
-
#7b95d5
#7b95d5
rgb(123,149,213)
-
#7492dc
#7492dc
rgb(116,146,220)
-
#6d8fe3
#6d8fe3
rgb(109,143,227)
-
#668dea
#668dea
rgb(102,141,234)
-
#608af0
#608af0
rgb(96,138,240)
-
#5987f7
#5987f7
rgb(89,135,247)
-
#5284fe
#5284fe
rgb(82,132,254)
Color Blindness Simulator
Below, you can see how #9ca3b4 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.