#30313b hex color

In a RGB color space, hex #30313b is composed of 18.8% red, 19.2% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 16.9% magenta, 0% yellow and 76.9% black. It has a hue angle of 234.5 degrees, a saturation of 10.3% and a lightness of 21%. #30313b color hex could be obtained by blending #606276 with #000000. Closest websafe color is: #333333.

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

● #30313b color description : Very dark grayish blue.

The hexadecimal color #30313b has RGB values of R:48, G:49, B:59 and CMYK values of C:0.19, M:0.17, Y:0, K:0.77. Its decimal value is 3158331.

Hex triplet	30313b	`#30313b`
RGB Decimal	48, 49, 59	`rgb(48,49,59)`
RGB Percent	18.8, 19.2, 23.1	`rgb(18.8%,19.2%,23.1%)`
CMYK	19, 17, 0, 77
HSL	234.5°, 10.3, 21	`hsl(234.5,10.3%,21%)`
HSV (or HSB)	234.5°, 18.6, 23.1
Web Safe	333333	`#333333`

CIE-LAB	20.599, 2.109, -6.454
XYZ	3.107, 3.141, 4.58
xyY	0.287, 0.29, 3.141
CIE-LCH	20.599, 6.79, 288.095
CIE-LUV	20.599, -0.952, -7.063
Hunter-Lab	17.722, 0.275, -2.917
Binary	00110000, 00110001, 00111011

#30313b
```
#30313b rgb(48,49,59)
```
#3b3a30
```
#3b3a30 rgb(59,58,48)
```

Complementary Color

#30373b
```
#30373b rgb(48,55,59)
```
#30313b
```
#30313b rgb(48,49,59)
```
#35303b
```
#35303b rgb(53,48,59)
```

Analogous Color

#373b30
```
#373b30 rgb(55,59,48)
```
#30313b
```
#30313b rgb(48,49,59)
```
#3b3530
```
#3b3530 rgb(59,53,48)
```

Split Complementary Color

#313b30
```
#313b30 rgb(49,59,48)
```
#30313b
```
#30313b rgb(48,49,59)
```
#3b3031
```
#3b3031 rgb(59,48,49)
```

Triadic Color

#303b3a
```
#303b3a rgb(48,59,58)
```
#30313b
```
#30313b rgb(48,49,59)
```
#3b3031
```
#3b3031 rgb(59,48,49)
```
#3b3a30
```
#3b3a30 rgb(59,58,48)
```

Tetradic Color

#0e0e11
```
#0e0e11 rgb(14,14,17)
```
#191a1f
```
#191a1f rgb(25,26,31)
```
#25252d
```
#25252d rgb(37,37,45)
```
#30313b
```
#30313b rgb(48,49,59)
```
#3b3d49
```
#3b3d49 rgb(59,61,73)
```
#474857
```
#474857 rgb(71,72,87)
```
#525465
```
#525465 rgb(82,84,101)
```

Monochromatic Color

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

#30343b
```
#30343b rgb(48,52,59)
```
#30333b
```
#30333b rgb(48,51,59)
```
#30323b
```
#30323b rgb(48,50,59)
```
#30313b
```
#30313b rgb(48,49,59)
```
#30303b
```
#30303b rgb(48,48,59)
```
#31303b
```
#31303b rgb(49,48,59)
```
#32303b
```
#32303b rgb(50,48,59)
```

Similar Colors

Text with hexadecimal color #30313b

This text has a font color of #30313b.

<span style="color:#30313b;">Text here</span>

#30313b background color

This paragraph has a background color of #30313b.

<p style="background-color:#30313b;">Content here</p>

#30313b border color

This element has a border color of #30313b.

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

CSS codes

.text {color:#30313b;}

.background {background-color:#30313b;}

.border {border:1px solid #30313b;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0d10
```
#0d0d10 rgb(13,13,16)
```
#16161b
```
#16161b rgb(22,22,27)
```
#1e1f25
```
#1e1f25 rgb(30,31,37)
```
#272830
```
#272830 rgb(39,40,48)
```
#30313b
```
#30313b rgb(48,49,59)
```
#393a46
```
#393a46 rgb(57,58,70)
```
#424351
```
#424351 rgb(66,67,81)
```
#4a4c5b
```
#4a4c5b rgb(74,76,91)
```
#535566
```
#535566 rgb(83,85,102)
```
#5c5e71
```
#5c5e71 rgb(92,94,113)
```
#65677c
```
#65677c rgb(101,103,124)
```
#6e7087
```
#6e7087 rgb(110,112,135)
```

Shade Color Variation

#777a91
```
#777a91 rgb(119,122,145)
```
#828499
```
#828499 rgb(130,132,153)
```
#8d8fa2
```
#8d8fa2 rgb(141,143,162)
```
#989aab
```
#989aab rgb(152,154,171)
```
#a3a4b4
```
#a3a4b4 rgb(163,164,180)
```
#adafbd
```
#adafbd rgb(173,175,189)
```
#b8b9c5
```
#b8b9c5 rgb(184,185,197)
```
#c3c4ce
```
#c3c4ce rgb(195,196,206)
```
#cecfd7
```
#cecfd7 rgb(206,207,215)
```
#d9d9e0
```
#d9d9e0 rgb(217,217,224)
```
#e3e4e9
```
#e3e4e9 rgb(227,228,233)
```
#eeeff1
```
#eeeff1 rgb(238,239,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#343437
```
#343437 rgb(52,52,55)
```
#30313b
```
#30313b rgb(48,49,59)
```
#2c2e3f
```
#2c2e3f rgb(44,46,63)
```
#282a43
```
#282a43 rgb(40,42,67)
```
#242747
```
#242747 rgb(36,39,71)
```
#20244b
```
#20244b rgb(32,36,75)
```
#1b2050
```
#1b2050 rgb(27,32,80)
```
#171d54
```
#171d54 rgb(23,29,84)
```
#131958
```
#131958 rgb(19,25,88)
```
#0f165c
```
#0f165c rgb(15,22,92)
```
#0b1360
```
#0b1360 rgb(11,19,96)
```
#070f64
```
#070f64 rgb(7,15,100)
```
#030c68
```
#030c68 rgb(3,12,104)
```

Tone Color Variation

Below, you can see how #30313b 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

#323232 Achromatopsia 0.005% of the population
#323234 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3b45 Protanopia 1% of men
#3d3a45 Deuteranopia 1% of men
#393c40 Tritanopia 0.001% of the population

Trichromacy

#363741 Protanomaly 1% of men, 0.01% of women
#383741 Deuteranomaly 6% of men, 0.4% of women
#36383e Tritanomaly 0.01% of the population

#30313b hex color

#30313b Color Information

#30313b Color Conversion

Color Schemes with #30313b

Alternatives to #30313b

#30313b Preview

Shades and Tints of #30313b

Tones of #30313b

Color Blindness Simulator