#31303a color information
In a RGB color space, hex #31303a is composed of 19.2% red, 18.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 17.2% magenta, 0% yellow and 77.3% black. It has a hue angle of 246 degrees, a saturation of 9.4% and a lightness of 20.8%. #31303a color hex could be obtained by blending #626074 with #000000. Closest websafe color is: #333333.
#31303a color conversion
The hexadecimal color #31303a has RGB values of R:49, G:48, B:58 and CMYK values of C:0.16, M:0.17, Y:0, K:0.77. Its decimal value is 3223610.
- Hex triplet 31303a
#31303a - RGB Decimal 49, 48, 58
rgb(49,48,58) - RGB Percent 19.2, 18.8, 22.7
rgb(19.2%,18.8%,22.7%) - CMYK 16, 17, 0, 77
- HSL 246°, 9.4, 20.8
hsl(246,9%,21%) - HSV (or HSB) 246°, 17.2, 22.7
- Web Safe 333333
#333333
- CIE-LAB 20.331, 2.93, -6.164
- XYZ 3.087, 3.072, 4.433
- xyY 0.291, 0.29, 3.072
- CIE-LCH 20.331, 6.825, 295.423
- CIE-LUV 20.331, -0.046, -6.798
- Hunter-Lab 17.528, 0.764, -2.726
- Binary 00110001, 00110000, 00111010
Color Schemes with #31303a
#31303a in action
This text has a font color of #31303a.
<span style="color:#31303a;">Text here</span>
This paragraph has a background color of #31303a.
<p style="background-color:#31303a;">Content here</p>
This element has a border color of #31303a.
<div style="border:1px solid #31303a;">Content here</div>
.text {color:#31303a;}
.background {background-color:#31303a;}
.border {border:1px solid #31303a;}
Shades of #31303a
- #0d0c0f #0d0c0f
rgb(13,12,15) - #1f1e25 #1f1e25
rgb(31,30,37) - #31303a #31303a
rgb(49,48,58) - #43424f #43424f
rgb(67,66,79) - #555465 #555465
rgb(85,84,101) - #67657a #67657a
rgb(103,101,122) - #7a788f #7a788f
rgb(122,120,143) - #8f8da1 #8f8da1
rgb(143,141,161) - #a4a3b3 #a4a3b3
rgb(164,163,179) - #b9b8c4 #b9b8c4
rgb(185,184,196) - #cfced6 #cfced6
rgb(207,206,214) - #e4e3e8 #e4e3e8
rgb(228,227,232) - #f9f9fa #f9f9fa
rgb(249,249,250)
Color Blindness Simulator
Below, you can see how #31303a 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.
