#2d4e68 hex color

In a RGB color space, hex #2d4e68 is composed of 17.6% red, 30.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 25% magenta, 0% yellow and 59.2% black. It has a hue angle of 206.4 degrees, a saturation of 39.6% and a lightness of 29.2%. #2d4e68 color hex could be obtained by blending #5a9cd0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 41
RGB color chart
- C 57
- M 25
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2d4e68 has RGB values of R:45, G:78, B:104 and CMYK values of C:0.57, M:0.25, Y:0, K:0.59. Its decimal value is 2969192.

Hex triplet	2d4e68	`#2d4e68`
RGB Decimal	45, 78, 104	`rgb(45,78,104)`
RGB Percent	17.6, 30.6, 40.8	`rgb(17.6%,30.6%,40.8%)`
CMYK	57, 25, 0, 59
HSL	206.4°, 39.6, 29.2	`hsl(206.4,39.6%,29.2%)`
HSV (or HSB)	206.4°, 56.7, 40.8
Web Safe	336666	`#336666`

CIE-LAB	31.82, -3.72, -18.775
XYZ	6.305, 7.006, 14.116
xyY	0.23, 0.255, 7.006
CIE-LCH	31.82, 19.14, 258.791
CIE-LUV	31.82, -13.983, -24.081
Hunter-Lab	26.468, -3.802, -13.092
Binary	00101101, 01001110, 01101000

#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#68472d
```
#68472d rgb(104,71,45)
```

Complementary Color

#2d6865
```
#2d6865 rgb(45,104,101)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#2d3168
```
#2d3168 rgb(45,49,104)
```

Analogous Color

#68652d
```
#68652d rgb(104,101,45)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#682d31
```
#682d31 rgb(104,45,49)
```

Split Complementary Color

#4e682d
```
#4e682d rgb(78,104,45)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#682d4e
```
#682d4e rgb(104,45,78)
```

Triadic Color

#2d6847
```
#2d6847 rgb(45,104,71)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#682d4e
```
#682d4e rgb(104,45,78)
```
#68472d
```
#68472d rgb(104,71,45)
```

Tetradic Color

#162633
```
#162633 rgb(22,38,51)
```
#1e3344
```
#1e3344 rgb(30,51,68)
```
#254156
```
#254156 rgb(37,65,86)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#355b7a
```
#355b7a rgb(53,91,122)
```
#3c698c
```
#3c698c rgb(60,105,140)
```
#44769d
```
#44769d rgb(68,118,157)
```

Monochromatic Color

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

#2d5d68
```
#2d5d68 rgb(45,93,104)
```
#2d5868
```
#2d5868 rgb(45,88,104)
```
#2d5368
```
#2d5368 rgb(45,83,104)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#2d4968
```
#2d4968 rgb(45,73,104)
```
#2d4468
```
#2d4468 rgb(45,68,104)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```

Similar Colors

Text with hexadecimal color #2d4e68

This text has a font color of #2d4e68.

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

#2d4e68 background color

This paragraph has a background color of #2d4e68.

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

#2d4e68 border color

This element has a border color of #2d4e68.

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

CSS codes

.text {color:#2d4e68;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#091016
```
#091016 rgb(9,16,22)
```
#0f1b24
```
#0f1b24 rgb(15,27,36)
```
#152531
```
#152531 rgb(21,37,49)
```
#1b2f3f
```
#1b2f3f rgb(27,47,63)
```
#21394d
```
#21394d rgb(33,57,77)
```
#27445a
```
#27445a rgb(39,68,90)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#335876
```
#335876 rgb(51,88,118)
```
#396383
```
#396383 rgb(57,99,131)
```
#3f6d91
```
#3f6d91 rgb(63,109,145)
```
#45779f
```
#45779f rgb(69,119,159)
```
#4b81ac
```
#4b81ac rgb(75,129,172)
```

Shade Color Variation

#558bb6
```
#558bb6 rgb(85,139,182)
```
#6394bb
```
#6394bb rgb(99,148,187)
```
#719ec1
```
#719ec1 rgb(113,158,193)
```
#7ea7c7
```
#7ea7c7 rgb(126,167,199)
```
#8cb0cd
```
#8cb0cd rgb(140,176,205)
```
#9abad3
```
#9abad3 rgb(154,186,211)
```
#a7c3d9
```
#a7c3d9 rgb(167,195,217)
```
#b5ccdf
```
#b5ccdf rgb(181,204,223)
```
#c3d6e5
```
#c3d6e5 rgb(195,214,229)
```
#d0dfeb
```
#d0dfeb rgb(208,223,235)
```
#dee9f1
```
#dee9f1 rgb(222,233,241)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#4a4b4b
```
#4a4b4b rgb(74,75,75)
```
#444b51
```
#444b51 rgb(68,75,81)
```
#3e4c57
```
#3e4c57 rgb(62,76,87)
```
#384d5d
```
#384d5d rgb(56,77,93)
```
#334d62
```
#334d62 rgb(51,77,98)
```
#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#274f6e
```
#274f6e rgb(39,79,110)
```
#224f73
```
#224f73 rgb(34,79,115)
```
#1c5079
```
#1c5079 rgb(28,80,121)
```
#16517f
```
#16517f rgb(22,81,127)
```
#105185
```
#105185 rgb(16,81,133)
```
#0b528a
```
#0b528a rgb(11,82,138)
```
#055390
```
#055390 rgb(5,83,144)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#42484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c536d Protanopia 1% of men
#495371 Deuteranopia 1% of men
#305a60 Tritanopia 0.001% of the population

Trichromacy

#41516b Protanomaly 1% of men, 0.01% of women
#3f516d Deuteranomaly 6% of men, 0.4% of women
#2f5563 Tritanomaly 0.01% of the population

#2d4e68 hex color

#2d4e68 Color Information

#2d4e68 Color Conversion

Color Schemes with #2d4e68

Alternatives to #2d4e68

#2d4e68 Preview

Shades and Tints of #2d4e68

Tones of #2d4e68

Color Blindness Simulator