#2d3951 hex color

In a RGB color space, hex #2d3951 is composed of 17.6% red, 22.4% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 29.6% magenta, 0% yellow and 68.2% black. It has a hue angle of 220 degrees, a saturation of 28.6% and a lightness of 24.7%. #2d3951 color hex could be obtained by blending #5a72a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 32
RGB color chart
- C 44
- M 30
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2d3951 has RGB values of R:45, G:57, B:81 and CMYK values of C:0.44, M:0.3, Y:0, K:0.68. Its decimal value is 2963793.

Hex triplet	2d3951	`#2d3951`
RGB Decimal	45, 57, 81	`rgb(45,57,81)`
RGB Percent	17.6, 22.4, 31.8	`rgb(17.6%,22.4%,31.8%)`
CMYK	44, 30, 0, 68
HSL	220°, 28.6, 24.7	`hsl(220,28.6%,24.7%)`
HSV (or HSB)	220°, 44.4, 31.8
Web Safe	333366	`#333366`

CIE-LAB	23.928, 2.251, -16.16
XYZ	4.03, 4.078, 8.359
xyY	0.245, 0.248, 4.078
CIE-LCH	23.928, 16.316, 277.931
CIE-LUV	23.928, -5.995, -19.219
Hunter-Lab	20.194, 0.284, -10.406
Binary	00101101, 00111001, 01010001

#2d3951
```
#2d3951 rgb(45,57,81)
```
#51452d
```
#51452d rgb(81,69,45)
```

Complementary Color

#2d4b51
```
#2d4b51 rgb(45,75,81)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#332d51
```
#332d51 rgb(51,45,81)
```

Analogous Color

#4b512d
```
#4b512d rgb(75,81,45)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#51332d
```
#51332d rgb(81,51,45)
```

Split Complementary Color

#39512d
```
#39512d rgb(57,81,45)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#512d39
```
#512d39 rgb(81,45,57)
```

Triadic Color

#2d5145
```
#2d5145 rgb(45,81,69)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#512d39
```
#512d39 rgb(81,45,57)
```
#51452d
```
#51452d rgb(81,69,45)
```

Tetradic Color

#121620
```
#121620 rgb(18,22,32)
```
#1b2230
```
#1b2230 rgb(27,34,48)
```
#242d41
```
#242d41 rgb(36,45,65)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#364561
```
#364561 rgb(54,69,97)
```
#3f5072
```
#3f5072 rgb(63,80,114)
```
#485c82
```
#485c82 rgb(72,92,130)
```

Monochromatic Color

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

#2d4251
```
#2d4251 rgb(45,66,81)
```
#2d3f51
```
#2d3f51 rgb(45,63,81)
```
#2d3c51
```
#2d3c51 rgb(45,60,81)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#2d3651
```
#2d3651 rgb(45,54,81)
```
#2d3351
```
#2d3351 rgb(45,51,81)
```
#2d3051
```
#2d3051 rgb(45,48,81)
```

Similar Colors

Text with hexadecimal color #2d3951

This text has a font color of #2d3951.

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

#2d3951 background color

This paragraph has a background color of #2d3951.

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

#2d3951 border color

This element has a border color of #2d3951.

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

CSS codes

.text {color:#2d3951;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d12
```
#0a0d12 rgb(10,13,18)
```
#11161f
```
#11161f rgb(17,22,31)
```
#181e2b
```
#181e2b rgb(24,30,43)
```
#1f2738
```
#1f2738 rgb(31,39,56)
```
#263044
```
#263044 rgb(38,48,68)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#34425e
```
#34425e rgb(52,66,94)
```
#3b4b6a
```
#3b4b6a rgb(59,75,106)
```
#425477
```
#425477 rgb(66,84,119)
```
#495c83
```
#495c83 rgb(73,92,131)
```
#506590
```
#506590 rgb(80,101,144)
```
#576e9d
```
#576e9d rgb(87,110,157)
```

Shade Color Variation

#6078a7
```
#6078a7 rgb(96,120,167)
```
#6d83ae
```
#6d83ae rgb(109,131,174)
```
#7a8db5
```
#7a8db5 rgb(122,141,181)
```
#8698bc
```
#8698bc rgb(134,152,188)
```
#93a3c3
```
#93a3c3 rgb(147,163,195)
```
#9faeca
```
#9faeca rgb(159,174,202)
```
#acb8d1
```
#acb8d1 rgb(172,184,209)
```
#b9c3d8
```
#b9c3d8 rgb(185,195,216)
```
#c5cedf
```
#c5cedf rgb(197,206,223)
```
#d2d9e6
```
#d2d9e6 rgb(210,217,230)
```
#dfe3ed
```
#dfe3ed rgb(223,227,237)
```
#ebeef4
```
#ebeef4 rgb(235,238,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3e42 is the less saturated color, while #012a7d is the most saturated one.

#3c3e42
```
#3c3e42 rgb(60,62,66)
```
#373c47
```
#373c47 rgb(55,60,71)
```
#323b4c
```
#323b4c rgb(50,59,76)
```
#2d3951
```
#2d3951 rgb(45,57,81)
```
#283756
```
#283756 rgb(40,55,86)
```
#23365b
```
#23365b rgb(35,54,91)
```
#1e3460
```
#1e3460 rgb(30,52,96)
```
#1a3364
```
#1a3364 rgb(26,51,100)
```
#153169
```
#153169 rgb(21,49,105)
```
#102f6e
```
#102f6e rgb(16,47,110)
```
#0b2e73
```
#0b2e73 rgb(11,46,115)
```
#062c78
```
#062c78 rgb(6,44,120)
```
#012a7d
```
#012a7d rgb(1,42,125)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#36383d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4259 Protanopia 1% of men
#3b425a Deuteranopia 1% of men
#33464b Tritanopia 0.001% of the population

Trichromacy

#363f56 Protanomaly 1% of men, 0.01% of women
#353f56 Deuteranomaly 6% of men, 0.4% of women
#30414d Tritanomaly 0.01% of the population

#2d3951 hex color

#2d3951 Color Information

#2d3951 Color Conversion

Color Schemes with #2d3951

Alternatives to #2d3951

#2d3951 Preview

Shades and Tints of #2d3951

Tones of #2d3951

Color Blindness Simulator