#2d3946 hex color

In a RGB color space, hex #2d3946 is composed of 17.6% red, 22.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 18.6% magenta, 0% yellow and 72.5% black. It has a hue angle of 211.2 degrees, a saturation of 21.7% and a lightness of 22.5%. #2d3946 color hex could be obtained by blending #5a728c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 22
- B 27
RGB color chart
- C 36
- M 19
- Y 0
- K 73
CMYK color chart

● #2d3946 color description : Very dark desaturated blue.

The hexadecimal color #2d3946 has RGB values of R:45, G:57, B:70 and CMYK values of C:0.36, M:0.19, Y:0, K:0.73. Its decimal value is 2963782.

Hex triplet	2d3946	`#2d3946`
RGB Decimal	45, 57, 70	`rgb(45,57,70)`
RGB Percent	17.6, 22.4, 27.5	`rgb(17.6%,22.4%,27.5%)`
CMYK	36, 19, 0, 73
HSL	211.2°, 21.7, 22.5	`hsl(211.2,21.7%,22.5%)`
HSV (or HSB)	211.2°, 35.7, 27.5
Web Safe	333333	`#333333`

CIE-LAB	23.426, -1.242, -9.622
XYZ	3.651, 3.926, 6.36
xyY	0.262, 0.282, 3.926
CIE-LCH	23.426, 9.702, 262.647
CIE-LUV	23.426, -5.768, -10.785
Hunter-Lab	19.815, -1.79, -5.159
Binary	00101101, 00111001, 01000110

#2d3946
```
#2d3946 rgb(45,57,70)
```
#463a2d
```
#463a2d rgb(70,58,45)
```

Complementary Color

#2d4646
```
#2d4646 rgb(45,70,70)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#2e2d46
```
#2e2d46 rgb(46,45,70)
```

Analogous Color

#46462d
```
#46462d rgb(70,70,45)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#462e2d
```
#462e2d rgb(70,46,45)
```

Split Complementary Color

#39462d
```
#39462d rgb(57,70,45)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#462d39
```
#462d39 rgb(70,45,57)
```

Triadic Color

#2d463a
```
#2d463a rgb(45,70,58)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#462d39
```
#462d39 rgb(70,45,57)
```
#463a2d
```
#463a2d rgb(70,58,45)
```

Tetradic Color

#0f1317
```
#0f1317 rgb(15,19,23)
```
#192027
```
#192027 rgb(25,32,39)
```
#232c36
```
#232c36 rgb(35,44,54)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#374656
```
#374656 rgb(55,70,86)
```
#415265
```
#415265 rgb(65,82,101)
```
#4b5f75
```
#4b5f75 rgb(75,95,117)
```

Monochromatic Color

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

#2d3f46
```
#2d3f46 rgb(45,63,70)
```
#2d3d46
```
#2d3d46 rgb(45,61,70)
```
#2d3b46
```
#2d3b46 rgb(45,59,70)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#2d3746
```
#2d3746 rgb(45,55,70)
```
#2d3546
```
#2d3546 rgb(45,53,70)
```
#2d3346
```
#2d3346 rgb(45,51,70)
```

Similar Colors

Text with hexadecimal color #2d3946

This text has a font color of #2d3946.

<span style="color:#2d3946;">Text here</span>

#2d3946 background color

This paragraph has a background color of #2d3946.

<p style="background-color:#2d3946;">Content here</p>

#2d3946 border color

This element has a border color of #2d3946.

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

CSS codes

.text {color:#2d3946;}

.background {background-color:#2d3946;}

.border {border:1px solid #2d3946;}

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, #07080a is the darkest color, while #fdfefe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#161c22
```
#161c22 rgb(22,28,34)
```
#1e262e
```
#1e262e rgb(30,38,46)
```
#252f3a
```
#252f3a rgb(37,47,58)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#354352
```
#354352 rgb(53,67,82)
```
#3c4c5e
```
#3c4c5e rgb(60,76,94)
```
#44566a
```
#44566a rgb(68,86,106)
```
#4c6076
```
#4c6076 rgb(76,96,118)
```
#536a82
```
#536a82 rgb(83,106,130)
```
#5b738e
```
#5b738e rgb(91,115,142)
```
#637d9a
```
#637d9a rgb(99,125,154)
```

Shade Color Variation

#6e87a2
```
#6e87a2 rgb(110,135,162)
```
#7a91aa
```
#7a91aa rgb(122,145,170)
```
#869bb1
```
#869bb1 rgb(134,155,177)
```
#92a5b9
```
#92a5b9 rgb(146,165,185)
```
#9eaec1
```
#9eaec1 rgb(158,174,193)
```
#aab8c8
```
#aab8c8 rgb(170,184,200)
```
#b6c2d0
```
#b6c2d0 rgb(182,194,208)
```
#c2ccd8
```
#c2ccd8 rgb(194,204,216)
```
#ced6df
```
#ced6df rgb(206,214,223)
```
#dae0e7
```
#dae0e7 rgb(218,224,231)
```
#e5eaef
```
#e5eaef rgb(229,234,239)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#36393d
```
#36393d rgb(54,57,61)
```
#313942
```
#313942 rgb(49,57,66)
```
#2d3946
```
#2d3946 rgb(45,57,70)
```
#29394a
```
#29394a rgb(41,57,74)
```
#24394f
```
#24394f rgb(36,57,79)
```
#203853
```
#203853 rgb(32,56,83)
```
#1b3858
```
#1b3858 rgb(27,56,88)
```
#17385c
```
#17385c rgb(23,56,92)
```
#123861
```
#123861 rgb(18,56,97)
```
#0e3865
```
#0e3865 rgb(14,56,101)
```
#0a3869
```
#0a3869 rgb(10,56,105)
```
#05376e
```
#05376e rgb(5,55,110)
```
#013772
```
#013772 rgb(1,55,114)
```

Tone Color Variation

Below, you can see how #2d3946 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

#373737 Achromatopsia 0.005% of the population
#35373a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f414e Protanopia 1% of men
#404050 Deuteranopia 1% of men
#364449 Tritanopia 0.001% of the population

Trichromacy

#383e4b Protanomaly 1% of men, 0.01% of women
#393e4c Deuteranomaly 6% of men, 0.4% of women
#324048 Tritanomaly 0.01% of the population

#2d3946 hex color

#2d3946 Color Information

#2d3946 Color Conversion

Color Schemes with #2d3946

Alternatives to #2d3946

#2d3946 Preview

Shades and Tints of #2d3946

Tones of #2d3946

Color Blindness Simulator