#303d42 hex color

In a RGB color space, hex #303d42 is composed of 18.8% red, 23.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 7.6% magenta, 0% yellow and 74.1% black. It has a hue angle of 196.7 degrees, a saturation of 15.8% and a lightness of 22.4%. #303d42 color hex could be obtained by blending #607a84 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 24
- B 26
RGB color chart
- C 27
- M 8
- Y 0
- K 74
CMYK color chart

● #303d42 color description : Very dark grayish blue.

The hexadecimal color #303d42 has RGB values of R:48, G:61, B:66 and CMYK values of C:0.27, M:0.08, Y:0, K:0.74. Its decimal value is 3161410.

Hex triplet	303d42	`#303d42`
RGB Decimal	48, 61, 66	`rgb(48,61,66)`
RGB Percent	18.8, 23.9, 25.9	`rgb(18.8%,23.9%,25.9%)`
CMYK	27, 8, 0, 74
HSL	196.7°, 15.8, 22.4	`hsl(196.7,15.8%,22.4%)`
HSV (or HSB)	196.7°, 27.3, 25.9
Web Safe	333333	`#333333`

CIE-LAB	24.825, -3.944, -4.827
XYZ	3.871, 4.359, 5.791
xyY	0.276, 0.311, 4.359
CIE-LCH	24.825, 6.234, 230.752
CIE-LUV	24.825, -6.169, -4.995
Hunter-Lab	20.878, -3.444, -1.831
Binary	00110000, 00111101, 01000010

#303d42
```
#303d42 rgb(48,61,66)
```
#423530
```
#423530 rgb(66,53,48)
```

Complementary Color

#30423e
```
#30423e rgb(48,66,62)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#303442
```
#303442 rgb(48,52,66)
```

Analogous Color

#423e30
```
#423e30 rgb(66,62,48)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#423034
```
#423034 rgb(66,48,52)
```

Split Complementary Color

#3d4230
```
#3d4230 rgb(61,66,48)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#42303d
```
#42303d rgb(66,48,61)
```

Triadic Color

#304235
```
#304235 rgb(48,66,53)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#42303d
```
#42303d rgb(66,48,61)
```
#423530
```
#423530 rgb(66,53,48)
```

Tetradic Color

#101416
```
#101416 rgb(16,20,22)
```
#1b2224
```
#1b2224 rgb(27,34,36)
```
#252f33
```
#252f33 rgb(37,47,51)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#3b4b51
```
#3b4b51 rgb(59,75,81)
```
#455860
```
#455860 rgb(69,88,96)
```
#50666e
```
#50666e rgb(80,102,110)
```

Monochromatic Color

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

#304242
```
#304242 rgb(48,66,66)
```
#304042
```
#304042 rgb(48,64,66)
```
#303f42
```
#303f42 rgb(48,63,66)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#303c42
```
#303c42 rgb(48,60,66)
```
#303a42
```
#303a42 rgb(48,58,66)
```
#303942
```
#303942 rgb(48,57,66)
```

Similar Colors

Text with hexadecimal color #303d42

This text has a font color of #303d42.

<span style="color:#303d42;">Text here</span>

#303d42 background color

This paragraph has a background color of #303d42.

<p style="background-color:#303d42;">Content here</p>

#303d42 border color

This element has a border color of #303d42.

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

CSS codes

.text {color:#303d42;}

.background {background-color:#303d42;}

.border {border:1px solid #303d42;}

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

#070909
```
#070909 rgb(7,9,9)
```
#0f1315
```
#0f1315 rgb(15,19,21)
```
#171e20
```
#171e20 rgb(23,30,32)
```
#1f282b
```
#1f282b rgb(31,40,43)
```
#283337
```
#283337 rgb(40,51,55)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#38474d
```
#38474d rgb(56,71,77)
```
#415259
```
#415259 rgb(65,82,89)
```
#495c64
```
#495c64 rgb(73,92,100)
```
#51676f
```
#51676f rgb(81,103,111)
```
#59717b
```
#59717b rgb(89,113,123)
```
#627c86
```
#627c86 rgb(98,124,134)
```
#6a8691
```
#6a8691 rgb(106,134,145)
```

Shade Color Variation

#75909a
```
#75909a rgb(117,144,154)
```
#8099a3
```
#8099a3 rgb(128,153,163)
```
#8ba2ab
```
#8ba2ab rgb(139,162,171)
```
#97abb3
```
#97abb3 rgb(151,171,179)
```
#a2b4bb
```
#a2b4bb rgb(162,180,187)
```
#adbdc4
```
#adbdc4 rgb(173,189,196)
```
#b9c7cc
```
#b9c7cc rgb(185,199,204)
```
#c4d0d4
```
#c4d0d4 rgb(196,208,212)
```
#cfd9dc
```
#cfd9dc rgb(207,217,220)
```
#dbe2e5
```
#dbe2e5 rgb(219,226,229)
```
#e6ebed
```
#e6ebed rgb(230,235,237)
```
#f2f4f5
```
#f2f4f5 rgb(242,244,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#393939
```
#393939 rgb(57,57,57)
```
#343b3e
```
#343b3e rgb(52,59,62)
```
#303d42
```
#303d42 rgb(48,61,66)
```
#2c3f46
```
#2c3f46 rgb(44,63,70)
```
#27414b
```
#27414b rgb(39,65,75)
```
#23434f
```
#23434f rgb(35,67,79)
```
#1e4554
```
#1e4554 rgb(30,69,84)
```
#1a4758
```
#1a4758 rgb(26,71,88)
```
#16495c
```
#16495c rgb(22,73,92)
```
#114b61
```
#114b61 rgb(17,75,97)
```
#0d4d65
```
#0d4d65 rgb(13,77,101)
```
#094f69
```
#094f69 rgb(9,79,105)
```
#04506e
```
#04506e rgb(4,80,110)
```

Tone Color Variation

Below, you can see how #303d42 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

#3a3a3a Achromatopsia 0.005% of the population
#383b3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#44444a Protanopia 1% of men
#47434d Deuteranopia 1% of men
#3a474c Tritanopia 0.001% of the population

Trichromacy

#3d4147 Protanomaly 1% of men, 0.01% of women
#3f4149 Deuteranomaly 6% of men, 0.4% of women
#364348 Tritanomaly 0.01% of the population

#303d42 hex color

#303d42 Color Information

#303d42 Color Conversion

Color Schemes with #303d42

Alternatives to #303d42

#303d42 Preview

Shades and Tints of #303d42

Tones of #303d42

Color Blindness Simulator