#2d4153 hex color

In a RGB color space, hex #2d4153 is composed of 17.6% red, 25.5% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 21.7% magenta, 0% yellow and 67.5% black. It has a hue angle of 208.4 degrees, a saturation of 29.7% and a lightness of 25.1%. #2d4153 color hex could be obtained by blending #5a82a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 33
RGB color chart
- C 46
- M 22
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #2d4153 has RGB values of R:45, G:65, B:83 and CMYK values of C:0.46, M:0.22, Y:0, K:0.67. Its decimal value is 2965843.

Hex triplet	2d4153	`#2d4153`
RGB Decimal	45, 65, 83	`rgb(45,65,83)`
RGB Percent	17.6, 25.5, 32.5	`rgb(17.6%,25.5%,32.5%)`
CMYK	46, 22, 0, 67
HSL	208.4°, 29.7, 25.1	`hsl(208.4,29.7%,25.1%)`
HSV (or HSB)	208.4°, 45.8, 32.5
Web Safe	333366	`#333366`

CIE-LAB	26.629, -2.415, -13.307
XYZ	4.533, 4.963, 8.902
xyY	0.246, 0.27, 4.963
CIE-LCH	26.629, 13.524, 259.714
CIE-LUV	26.629, -9.088, -15.819
Hunter-Lab	22.277, -2.661, -8.098
Binary	00101101, 01000001, 01010011

#2d4153
```
#2d4153 rgb(45,65,83)
```
#533f2d
```
#533f2d rgb(83,63,45)
```

Complementary Color

#2d5352
```
#2d5352 rgb(45,83,82)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#2d2e53
```
#2d2e53 rgb(45,46,83)
```

Analogous Color

#53522d
```
#53522d rgb(83,82,45)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#532d2e
```
#532d2e rgb(83,45,46)
```

Split Complementary Color

#41532d
```
#41532d rgb(65,83,45)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#532d41
```
#532d41 rgb(83,45,65)
```

Triadic Color

#2d533f
```
#2d533f rgb(45,83,63)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#532d41
```
#532d41 rgb(83,45,65)
```
#533f2d
```
#533f2d rgb(83,63,45)
```

Tetradic Color

#121a21
```
#121a21 rgb(18,26,33)
```
#1b2732
```
#1b2732 rgb(27,39,50)
```
#243442
```
#243442 rgb(36,52,66)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#364e64
```
#364e64 rgb(54,78,100)
```
#3f5b74
```
#3f5b74 rgb(63,91,116)
```
#486885
```
#486885 rgb(72,104,133)
```

Monochromatic Color

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

#2d4b53
```
#2d4b53 rgb(45,75,83)
```
#2d4753
```
#2d4753 rgb(45,71,83)
```
#2d4453
```
#2d4453 rgb(45,68,83)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#2d3e53
```
#2d3e53 rgb(45,62,83)
```
#2d3b53
```
#2d3b53 rgb(45,59,83)
```
#2d3853
```
#2d3853 rgb(45,56,83)
```

Similar Colors

Text with hexadecimal color #2d4153

This text has a font color of #2d4153.

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

#2d4153 background color

This paragraph has a background color of #2d4153.

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

#2d4153 border color

This element has a border color of #2d4153.

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

CSS codes

.text {color:#2d4153;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0f13
```
#0b0f13 rgb(11,15,19)
```
#111920
```
#111920 rgb(17,25,32)
```
#18232d
```
#18232d rgb(24,35,45)
```
#1f2d3a
```
#1f2d3a rgb(31,45,58)
```
#263746
```
#263746 rgb(38,55,70)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#344b60
```
#344b60 rgb(52,75,96)
```
#3b556c
```
#3b556c rgb(59,85,108)
```
#425f79
```
#425f79 rgb(66,95,121)
```
#496986
```
#496986 rgb(73,105,134)
```
#4f7393
```
#4f7393 rgb(79,115,147)
```
#567d9f
```
#567d9f rgb(86,125,159)
```

Shade Color Variation

#6087a9
```
#6087a9 rgb(96,135,169)
```
#6d90b0
```
#6d90b0 rgb(109,144,176)
```
#7a9ab7
```
#7a9ab7 rgb(122,154,183)
```
#86a4be
```
#86a4be rgb(134,164,190)
```
#93adc5
```
#93adc5 rgb(147,173,197)
```
#a0b7cb
```
#a0b7cb rgb(160,183,203)
```
#adc0d2
```
#adc0d2 rgb(173,192,210)
```
#b9cad9
```
#b9cad9 rgb(185,202,217)
```
#c6d4e0
```
#c6d4e0 rgb(198,212,224)
```
#d3dde7
```
#d3dde7 rgb(211,221,231)
```
#e0e7ee
```
#e0e7ee rgb(224,231,238)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#3c4044
```
#3c4044 rgb(60,64,68)
```
#374049
```
#374049 rgb(55,64,73)
```
#32414e
```
#32414e rgb(50,65,78)
```
#2d4153
```
#2d4153 rgb(45,65,83)
```
#284158
```
#284158 rgb(40,65,88)
```
#23425d
```
#23425d rgb(35,66,93)
```
#1e4262
```
#1e4262 rgb(30,66,98)
```
#194267
```
#194267 rgb(25,66,103)
```
#14426c
```
#14426c rgb(20,66,108)
```
#0f4371
```
#0f4371 rgb(15,67,113)
```
#0b4375
```
#0b4375 rgb(11,67,117)
```
#06437a
```
#06437a rgb(6,67,122)
```
#01437f
```
#01437f rgb(1,67,127)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44485a Protanopia 1% of men
#44475d Deuteranopia 1% of men
#344c52 Tritanopia 0.001% of the population

Trichromacy

#3b4557 Protanomaly 1% of men, 0.01% of women
#3b4559 Deuteranomaly 6% of men, 0.4% of women
#314852 Tritanomaly 0.01% of the population

#2d4153 hex color

#2d4153 Color Information

#2d4153 Color Conversion

Color Schemes with #2d4153

Alternatives to #2d4153

#2d4153 Preview

Shades and Tints of #2d4153

Tones of #2d4153

Color Blindness Simulator