#2d4467 hex color

In a RGB color space, hex #2d4467 is composed of 17.6% red, 26.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 34% magenta, 0% yellow and 59.6% black. It has a hue angle of 216.2 degrees, a saturation of 39.2% and a lightness of 29%. #2d4467 color hex could be obtained by blending #5a88ce with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 40
RGB color chart
- C 56
- M 34
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2d4467 has RGB values of R:45, G:68, B:103 and CMYK values of C:0.56, M:0.34, Y:0, K:0.6. Its decimal value is 2966631.

Hex triplet	2d4467	`#2d4467`
RGB Decimal	45, 68, 103	`rgb(45,68,103)`
RGB Percent	17.6, 26.7, 40.4	`rgb(17.6%,26.7%,40.4%)`
CMYK	56, 34, 0, 60
HSL	216.2°, 39.2, 29	`hsl(216.2,39.2%,29%)`
HSV (or HSB)	216.2°, 56.3, 40.4
Web Safe	333366	`#333366`

CIE-LAB	28.567, 2.425, -23.211
XYZ	5.597, 5.671, 13.631
xyY	0.225, 0.228, 5.671
CIE-LCH	28.567, 23.337, 275.965
CIE-LUV	28.567, -10.273, -29.846
Hunter-Lab	23.814, 0.278, -17.267
Binary	00101101, 01000100, 01100111

#2d4467
```
#2d4467 rgb(45,68,103)
```
#67502d
```
#67502d rgb(103,80,45)
```

Complementary Color

#2d6167
```
#2d6167 rgb(45,97,103)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#332d67
```
#332d67 rgb(51,45,103)
```

Analogous Color

#61672d
```
#61672d rgb(97,103,45)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#67332d
```
#67332d rgb(103,51,45)
```

Split Complementary Color

#44672d
```
#44672d rgb(68,103,45)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#672d44
```
#672d44 rgb(103,45,68)
```

Triadic Color

#2d6750
```
#2d6750 rgb(45,103,80)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#672d44
```
#672d44 rgb(103,45,68)
```
#67502d
```
#67502d rgb(103,80,45)
```

Tetradic Color

#162132
```
#162132 rgb(22,33,50)
```
#1d2d44
```
#1d2d44 rgb(29,45,68)
```
#253855
```
#253855 rgb(37,56,85)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#355079
```
#355079 rgb(53,80,121)
```
#3d5b8a
```
#3d5b8a rgb(61,91,138)
```
#44679c
```
#44679c rgb(68,103,156)
```

Monochromatic Color

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

#2d5367
```
#2d5367 rgb(45,83,103)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#2d4967
```
#2d4967 rgb(45,73,103)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#2d3f67
```
#2d3f67 rgb(45,63,103)
```
#2d3a67
```
#2d3a67 rgb(45,58,103)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```

Similar Colors

Text with hexadecimal color #2d4467

This text has a font color of #2d4467.

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

#2d4467 background color

This paragraph has a background color of #2d4467.

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

#2d4467 border color

This element has a border color of #2d4467.

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

CSS codes

.text {color:#2d4467;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#0f1723
```
#0f1723 rgb(15,23,35)
```
#152030
```
#152030 rgb(21,32,48)
```
#1b293e
```
#1b293e rgb(27,41,62)
```
#21324c
```
#21324c rgb(33,50,76)
```
#273b59
```
#273b59 rgb(39,59,89)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#334d75
```
#334d75 rgb(51,77,117)
```
#395682
```
#395682 rgb(57,86,130)
```
#3f5f90
```
#3f5f90 rgb(63,95,144)
```
#45689e
```
#45689e rgb(69,104,158)
```
#4b71ab
```
#4b71ab rgb(75,113,171)
```

Shade Color Variation

#557bb5
```
#557bb5 rgb(85,123,181)
```
#6386bb
```
#6386bb rgb(99,134,187)
```
#7090c1
```
#7090c1 rgb(112,144,193)
```
#7e9bc7
```
#7e9bc7 rgb(126,155,199)
```
#8ca5cd
```
#8ca5cd rgb(140,165,205)
```
#99b0d3
```
#99b0d3 rgb(153,176,211)
```
#a7bbd9
```
#a7bbd9 rgb(167,187,217)
```
#b5c5de
```
#b5c5de rgb(181,197,222)
```
#c2d0e4
```
#c2d0e4 rgb(194,208,228)
```
#d0daea
```
#d0daea rgb(208,218,234)
```
#dde5f0
```
#dde5f0 rgb(221,229,240)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a4b is the less saturated color, while #053c8f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444950
```
#444950 rgb(68,73,80)
```
#3e4856
```
#3e4856 rgb(62,72,86)
```
#38465c
```
#38465c rgb(56,70,92)
```
#334561
```
#334561 rgb(51,69,97)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#27436d
```
#27436d rgb(39,67,109)
```
#224272
```
#224272 rgb(34,66,114)
```
#1c4078
```
#1c4078 rgb(28,64,120)
```
#163f7e
```
#163f7e rgb(22,63,126)
```
#113e83
```
#113e83 rgb(17,62,131)
```
#0b3d89
```
#0b3d89 rgb(11,61,137)
```
#053c8f
```
#053c8f rgb(5,60,143)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3d4249 Atypical Achromatopsia 0.001% of the population

Dichromacy

#414c6d Protanopia 1% of men
#3c4c6f Deuteranopia 1% of men
#2d5258 Tritanopia 0.001% of the population

Trichromacy

#39496b Protanomaly 1% of men, 0.01% of women
#36496c Deuteranomaly 6% of men, 0.4% of women
#2d4d5d Tritanomaly 0.01% of the population

#2d4467 hex color

#2d4467 Color Information

#2d4467 Color Conversion

Color Schemes with #2d4467

Alternatives to #2d4467

#2d4467 Preview

Shades and Tints of #2d4467

Tones of #2d4467

Color Blindness Simulator