#9ca1c0 color information
In a RGB color space, hex #9ca1c0 is composed of 61.2% red, 63.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 16.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 231.7 degrees, a saturation of 22.2% and a lightness of 68.2%. #9ca1c0 color hex could be obtained by blending #ffffff with #394381. Closest websafe color is: #9999cc.
#9ca1c0 color conversion
The hexadecimal color #9ca1c0 has RGB values of R:156, G:161, B:192 and CMYK values of C:0.19, M:0.16, Y:0, K:0.25. Its decimal value is 10265024.
- Hex triplet 9ca1c0
#9ca1c0 - RGB Decimal 156, 161, 192
rgb(156,161,192) - RGB Percent 61.2, 63.1, 75.3
rgb(61.2%,63.1%,75.3%) - CMYK 19, 16, 0, 25
- HSL 231.7°, 22.2, 68.2
hsl(232,22%,68%) - HSV (or HSB) 231.7°, 18.8, 75.3
- Web Safe 9999cc
#9999cc
- CIE-LAB 66.796, 4.774, -16.519
- XYZ 35.968, 36.363, 54.99
- xyY 0.282, 0.286, 36.363
- CIE-LCH 66.796, 17.195, 286.121
- CIE-LUV 66.796, -4.413, -25.934
- Hunter-Lab 60.302, 0.94, -11.856
- Binary 10011100, 10100001, 11000000
Color Schemes with #9ca1c0
#9ca1c0 in action
This text has a font color of #9ca1c0.
<span style="color:#9ca1c0;">Text here</span>
This paragraph has a background color of #9ca1c0.
<p style="background-color:#9ca1c0;">Content here</p>
This element has a border color of #9ca1c0.
<div style="border:1px solid #9ca1c0;">Content here</div>
.text {color:#9ca1c0;}
.background {background-color:#9ca1c0;}
.border {border:1px solid #9ca1c0;}
Shades of #9ca1c0
- #0d0e15 #0d0e15
rgb(13,14,21) - #1d1f2d #1d1f2d
rgb(29,31,45) - #2c2f45 #2c2f45
rgb(44,47,69) - #3b405d #3b405d
rgb(59,64,93) - #4a5075 #4a5075
rgb(74,80,117) - #5a618d #5a618d
rgb(90,97,141) - #6c73a1 #6c73a1
rgb(108,115,161) - #848ab1 #848ab1
rgb(132,138,177) - #9ca1c0 #9ca1c0
rgb(156,161,192) - #b4b8cf #b4b8cf
rgb(180,184,207) - #cccfdf #cccfdf
rgb(204,207,223) - #e4e5ee #e4e5ee
rgb(228,229,238) - #fcfcfd #fcfcfd
rgb(252,252,253)
Color Blindness Simulator
Below, you can see how #9ca1c0 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.
