#2d3745 hex color

In a RGB color space, hex #2d3745 is composed of 17.6% red, 21.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 20.3% magenta, 0% yellow and 72.9% black. It has a hue angle of 215 degrees, a saturation of 21.1% and a lightness of 22.4%. #2d3745 color hex could be obtained by blending #5a6e8a with #000000. Closest websafe color is: #333333.

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

● #2d3745 color description : Very dark grayish blue.

The hexadecimal color #2d3745 has RGB values of R:45, G:55, B:69 and CMYK values of C:0.35, M:0.2, Y:0, K:0.73. Its decimal value is 2963269.

Hex triplet	2d3745	`#2d3745`
RGB Decimal	45, 55, 69	`rgb(45,55,69)`
RGB Percent	17.6, 21.6, 27.1	`rgb(17.6%,21.6%,27.1%)`
CMYK	35, 20, 0, 73
HSL	215°, 21.1, 22.4	`hsl(215,21.1%,22.4%)`
HSV (or HSB)	215°, 34.8, 27.1
Web Safe	333333	`#333333`

CIE-LAB	22.723, -0.209, -10.024
XYZ	3.522, 3.72, 6.162
xyY	0.263, 0.278, 3.72
CIE-LCH	22.723, 10.026, 268.805
CIE-LUV	22.723, -4.951, -11.242
Hunter-Lab	19.287, -1.153, -5.443
Binary	00101101, 00110111, 01000101

#2d3745
```
#2d3745 rgb(45,55,69)
```
#453b2d
```
#453b2d rgb(69,59,45)
```

Complementary Color

#2d4345
```
#2d4345 rgb(45,67,69)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#2f2d45
```
#2f2d45 rgb(47,45,69)
```

Analogous Color

#43452d
```
#43452d rgb(67,69,45)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#452f2d
```
#452f2d rgb(69,47,45)
```

Split Complementary Color

#37452d
```
#37452d rgb(55,69,45)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#452d37
```
#452d37 rgb(69,45,55)
```

Triadic Color

#2d453b
```
#2d453b rgb(45,69,59)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#452d37
```
#452d37 rgb(69,45,55)
```
#453b2d
```
#453b2d rgb(69,59,45)
```

Tetradic Color

#0f1217
```
#0f1217 rgb(15,18,23)
```
#191e26
```
#191e26 rgb(25,30,38)
```
#232b36
```
#232b36 rgb(35,43,54)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#374354
```
#374354 rgb(55,67,84)
```
#415064
```
#415064 rgb(65,80,100)
```
#4b5c73
```
#4b5c73 rgb(75,92,115)
```

Monochromatic Color

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

#2d3d45
```
#2d3d45 rgb(45,61,69)
```
#2d3b45
```
#2d3b45 rgb(45,59,69)
```
#2d3945
```
#2d3945 rgb(45,57,69)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#2d3545
```
#2d3545 rgb(45,53,69)
```
#2d3345
```
#2d3345 rgb(45,51,69)
```
#2d3145
```
#2d3145 rgb(45,49,69)
```

Similar Colors

Text with hexadecimal color #2d3745

This text has a font color of #2d3745.

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

#2d3745 background color

This paragraph has a background color of #2d3745.

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

#2d3745 border color

This element has a border color of #2d3745.

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

CSS codes

.text {color:#2d3745;}

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

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

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

#06080a
```
#06080a rgb(6,8,10)
```
#0e1116
```
#0e1116 rgb(14,17,22)
```
#161b21
```
#161b21 rgb(22,27,33)
```
#1e242d
```
#1e242d rgb(30,36,45)
```
#252e39
```
#252e39 rgb(37,46,57)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#354051
```
#354051 rgb(53,64,81)
```
#3c4a5d
```
#3c4a5d rgb(60,74,93)
```
#445369
```
#445369 rgb(68,83,105)
```
#4c5d74
```
#4c5d74 rgb(76,93,116)
```
#546680
```
#546680 rgb(84,102,128)
```
#5b708c
```
#5b708c rgb(91,112,140)
```
#637998
```
#637998 rgb(99,121,152)
```

Shade Color Variation

#6e83a1
```
#6e83a1 rgb(110,131,161)
```
#7a8da8
```
#7a8da8 rgb(122,141,168)
```
#8698b0
```
#8698b0 rgb(134,152,176)
```
#92a2b8
```
#92a2b8 rgb(146,162,184)
```
#9eacc0
```
#9eacc0 rgb(158,172,192)
```
#aab6c7
```
#aab6c7 rgb(170,182,199)
```
#b6c0cf
```
#b6c0cf rgb(182,192,207)
```
#c1cad7
```
#c1cad7 rgb(193,202,215)
```
#cdd4df
```
#cdd4df rgb(205,212,223)
```
#d9dfe6
```
#d9dfe6 rgb(217,223,230)
```
#e5e9ee
```
#e5e9ee rgb(229,233,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#36383c
```
#36383c rgb(54,56,60)
```
#313841
```
#313841 rgb(49,56,65)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#293649
```
#293649 rgb(41,54,73)
```
#24364e
```
#24364e rgb(36,54,78)
```
#203552
```
#203552 rgb(32,53,82)
```
#1b3457
```
#1b3457 rgb(27,52,87)
```
#17335b
```
#17335b rgb(23,51,91)
```
#13335f
```
#13335f rgb(19,51,95)
```
#0e3264
```
#0e3264 rgb(14,50,100)
```
#0a3168
```
#0a3168 rgb(10,49,104)
```
#06306c
```
#06306c rgb(6,48,108)
```
#013071
```
#013071 rgb(1,48,113)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#343639 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d404d Protanopia 1% of men
#3e3f4f Deuteranopia 1% of men
#364247 Tritanopia 0.001% of the population

Trichromacy

#373c4a Protanomaly 1% of men, 0.01% of women
#383c4b Deuteranomaly 6% of men, 0.4% of women
#323e46 Tritanomaly 0.01% of the population

#2d3745 hex color

#2d3745 Color Information

#2d3745 Color Conversion

Color Schemes with #2d3745

Alternatives to #2d3745

#2d3745 Preview

Shades and Tints of #2d3745

Tones of #2d3745

Color Blindness Simulator