#30313d hex color

In a RGB color space, hex #30313d is composed of 18.8% red, 19.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 19.7% magenta, 0% yellow and 76.1% black. It has a hue angle of 235.4 degrees, a saturation of 11.9% and a lightness of 21.4%. #30313d color hex could be obtained by blending #60627a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 19
- B 24
RGB color chart
- C 21
- M 20
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #30313d has RGB values of R:48, G:49, B:61 and CMYK values of C:0.21, M:0.2, Y:0, K:0.76. Its decimal value is 3158333.

Hex triplet	30313d	`#30313d`
RGB Decimal	48, 49, 61	`rgb(48,49,61)`
RGB Percent	18.8, 19.2, 23.9	`rgb(18.8%,19.2%,23.9%)`
CMYK	21, 20, 0, 76
HSL	235.4°, 11.9, 21.4	`hsl(235.4,11.9%,21.4%)`
HSV (or HSB)	235.4°, 21.3, 23.9
Web Safe	333333	`#333333`

CIE-LAB	20.681, 2.657, -7.695
XYZ	3.159, 3.162, 4.858
xyY	0.283, 0.283, 3.162
CIE-LCH	20.681, 8.141, 289.052
CIE-LUV	20.681, -1.049, -8.504
Hunter-Lab	17.782, 0.597, -3.753
Binary	00110000, 00110001, 00111101

#30313d
```
#30313d rgb(48,49,61)
```
#3d3c30
```
#3d3c30 rgb(61,60,48)
```

Complementary Color

#30383d
```
#30383d rgb(48,56,61)
```
#30313d
```
#30313d rgb(48,49,61)
```
#36303d
```
#36303d rgb(54,48,61)
```

Analogous Color

#383d30
```
#383d30 rgb(56,61,48)
```
#30313d
```
#30313d rgb(48,49,61)
```
#3d3630
```
#3d3630 rgb(61,54,48)
```

Split Complementary Color

#313d30
```
#313d30 rgb(49,61,48)
```
#30313d
```
#30313d rgb(48,49,61)
```
#3d3031
```
#3d3031 rgb(61,48,49)
```

Triadic Color

#303d3c
```
#303d3c rgb(48,61,60)
```
#30313d
```
#30313d rgb(48,49,61)
```
#3d3031
```
#3d3031 rgb(61,48,49)
```
#3d3c30
```
#3d3c30 rgb(61,60,48)
```

Tetradic Color

#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#1a1a20
```
#1a1a20 rgb(26,26,32)
```
#25262f
```
#25262f rgb(37,38,47)
```
#30313d
```
#30313d rgb(48,49,61)
```
#3b3c4b
```
#3b3c4b rgb(59,60,75)
```
#46485a
```
#46485a rgb(70,72,90)
```
#525368
```
#525368 rgb(82,83,104)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #30313d

This text has a font color of #30313d.

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

#30313d background color

This paragraph has a background color of #30313d.

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

#30313d border color

This element has a border color of #30313d.

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

CSS codes

.text {color:#30313d;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#16171c
```
#16171c rgb(22,23,28)
```
#1f1f27
```
#1f1f27 rgb(31,31,39)
```
#272832
```
#272832 rgb(39,40,50)
```
#30313d
```
#30313d rgb(48,49,61)
```
#393a48
```
#393a48 rgb(57,58,72)
```
#414353
```
#414353 rgb(65,67,83)
```
#4a4b5e
```
#4a4b5e rgb(74,75,94)
```
#535469
```
#535469 rgb(83,84,105)
```
#5b5d74
```
#5b5d74 rgb(91,93,116)
```
#64667f
```
#64667f rgb(100,102,127)
```
#6c6f8a
```
#6c6f8a rgb(108,111,138)
```

Shade Color Variation

#767994
```
#767994 rgb(118,121,148)
```
#81839c
```
#81839c rgb(129,131,156)
```
#8c8ea5
```
#8c8ea5 rgb(140,142,165)
```
#9799ad
```
#9799ad rgb(151,153,173)
```
#a2a4b6
```
#a2a4b6 rgb(162,164,182)
```
#adafbf
```
#adafbf rgb(173,175,191)
```
#b8b9c7
```
#b8b9c7 rgb(184,185,199)
```
#c3c4d0
```
#c3c4d0 rgb(195,196,208)
```
#cecfd9
```
#cecfd9 rgb(206,207,217)
```
#d9dae1
```
#d9dae1 rgb(217,218,225)
```
#e4e5ea
```
#e4e5ea rgb(228,229,234)
```
#efeff3
```
#efeff3 rgb(239,239,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#343539
```
#343539 rgb(52,53,57)
```
#30313d
```
#30313d rgb(48,49,61)
```
#2c2d41
```
#2c2d41 rgb(44,45,65)
```
#282a45
```
#282a45 rgb(40,42,69)
```
#23264a
```
#23264a rgb(35,38,74)
```
#1f234e
```
#1f234e rgb(31,35,78)
```
#1b1f52
```
#1b1f52 rgb(27,31,82)
```
#171c56
```
#171c56 rgb(23,28,86)
```
#13185a
```
#13185a rgb(19,24,90)
```
#0e155f
```
#0e155f rgb(14,21,95)
```
#0a1163
```
#0a1163 rgb(10,17,99)
```
#060e67
```
#060e67 rgb(6,14,103)
```
#020a6b
```
#020a6b rgb(2,10,107)
```

Tone Color Variation

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

#393b47 Protanopia 1% of men
#3c3b47 Deuteranopia 1% of men
#393c41 Tritanopia 0.001% of the population

Trichromacy

#363743 Protanomaly 1% of men, 0.01% of women
#373743 Deuteranomaly 6% of men, 0.4% of women
#36383f Tritanomaly 0.01% of the population

#30313d hex color

#30313d Color Information

#30313d Color Conversion

Color Schemes with #30313d

Alternatives to #30313d

#30313d Preview

Shades and Tints of #30313d

Tones of #30313d

Color Blindness Simulator