#31303a hex color

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.

♥
- f
- t
- g
- R 19
- G 19
- B 23
RGB color chart
- C 16
- M 17
- Y 0
- K 77
CMYK color chart

● #31303a color description : Very dark grayish blue.

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.4%,20.8%)`
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

#31303a
```
#31303a rgb(49,48,58)
```
#393a30
```
#393a30 rgb(57,58,48)
```

Complementary Color

#30343a
```
#30343a rgb(48,52,58)
```
#31303a
```
#31303a rgb(49,48,58)
```
#36303a
```
#36303a rgb(54,48,58)
```

Analogous Color

#343a30
```
#343a30 rgb(52,58,48)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3a3630
```
#3a3630 rgb(58,54,48)
```

Split Complementary Color

#303a31
```
#303a31 rgb(48,58,49)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3a3130
```
#3a3130 rgb(58,49,48)
```

Triadic Color

#30393a
```
#30393a rgb(48,57,58)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3a3130
```
#3a3130 rgb(58,49,48)
```
#393a30
```
#393a30 rgb(57,58,48)
```

Tetradic Color

#0e0d10
```
#0e0d10 rgb(14,13,16)
```
#19191e
```
#19191e rgb(25,25,30)
```
#25242c
```
#25242c rgb(37,36,44)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#494756
```
#494756 rgb(73,71,86)
```
#545364
```
#545364 rgb(84,83,100)
```

Monochromatic Color

Below, you can see some colors close to #31303a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#30323a
```
#30323a rgb(48,50,58)
```
#30313a
```
#30313a rgb(48,49,58)
```
#30303a
```
#30303a rgb(48,48,58)
```
#31303a
```
#31303a rgb(49,48,58)
```
#32303a
```
#32303a rgb(50,48,58)
```
#33303a
```
#33303a rgb(51,48,58)
```
#34303a
```
#34303a rgb(52,48,58)
```

Similar Colors

Text with hexadecimal color #31303a

This text has a font color of #31303a.

<span style="color:#31303a;">Text here</span>

#31303a background color

This paragraph has a background color of #31303a.

<p style="background-color:#31303a;">Content here</p>

#31303a border color

This element has a border color of #31303a.

<div style="border:1px solid #31303a;">Content here</div>

CSS codes

.text {color:#31303a;}

.background {background-color:#31303a;}

.border {border:1px solid #31303a;}

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, #040404 is the darkest color, while #f9f9fa is the lightest one.

#040404
```
#040404 rgb(4,4,4)
```
#0d0c0f
```
#0d0c0f rgb(13,12,15)
```
#16151a
```
#16151a rgb(22,21,26)
```
#1f1e25
```
#1f1e25 rgb(31,30,37)
```
#28272f
```
#28272f rgb(40,39,47)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3a3945
```
#3a3945 rgb(58,57,69)
```
#43424f
```
#43424f rgb(67,66,79)
```
#4c4b5a
```
#4c4b5a rgb(76,75,90)
```
#555465
```
#555465 rgb(85,84,101)
```
#5e5c70
```
#5e5c70 rgb(94,92,112)
```
#67657a
```
#67657a rgb(103,101,122)
```
#706e85
```
#706e85 rgb(112,110,133)
```

Shade Color Variation

#7a788f
```
#7a788f rgb(122,120,143)
```
#858398
```
#858398 rgb(133,131,152)
```
#8f8da1
```
#8f8da1 rgb(143,141,161)
```
#9a98aa
```
#9a98aa rgb(154,152,170)
```
#a4a3b3
```
#a4a3b3 rgb(164,163,179)
```
#afadbc
```
#afadbc rgb(175,173,188)
```
#b9b8c4
```
#b9b8c4 rgb(185,184,196)
```
#c4c3cd
```
#c4c3cd rgb(196,195,205)
```
#cfced6
```
#cfced6 rgb(207,206,214)
```
#d9d8df
```
#d9d8df rgb(217,216,223)
```
#e4e3e8
```
#e4e3e8 rgb(228,227,232)
```
#eeeef1
```
#eeeef1 rgb(238,238,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #343436 is the less saturated color, while #0d0367 is the most saturated one.

#343436
```
#343436 rgb(52,52,54)
```
#31303a
```
#31303a rgb(49,48,58)
```
#2e2c3e
```
#2e2c3e rgb(46,44,62)
```
#2a2842
```
#2a2842 rgb(42,40,66)
```
#272446
```
#272446 rgb(39,36,70)
```
#24204a
```
#24204a rgb(36,32,74)
```
#211c4e
```
#211c4e rgb(33,28,78)
```
#1d1852
```
#1d1852 rgb(29,24,82)
```
#1a1357
```
#1a1357 rgb(26,19,87)
```
#170f5b
```
#170f5b rgb(23,15,91)
```
#140b5f
```
#140b5f rgb(20,11,95)
```
#100763
```
#100763 rgb(16,7,99)
```
#0d0367
```
#0d0367 rgb(13,3,103)
```

Tone Color Variation

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.

Monochromacy

#313131 Achromatopsia 0.005% of the population
#313133 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393b44 Protanopia 1% of men
#3c3a44 Deuteranopia 1% of men
#3a3b3f Tritanopia 0.001% of the population

Trichromacy

#363740 Protanomaly 1% of men, 0.01% of women
#383640 Deuteranomaly 6% of men, 0.4% of women
#37373d Tritanomaly 0.01% of the population

#31303a hex color

#31303a Color Information

#31303a Color Conversion

Color Schemes with #31303a

Alternatives to #31303a

#31303a Preview

Shades and Tints of #31303a

Tones of #31303a

Color Blindness Simulator