#2d4e67 hex color

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

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

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

The hexadecimal color #2d4e67 has RGB values of R:45, G:78, B:103 and CMYK values of C:0.56, M:0.24, Y:0, K:0.6. Its decimal value is 2969191.

Hex triplet	2d4e67	`#2d4e67`
RGB Decimal	45, 78, 103	`rgb(45,78,103)`
RGB Percent	17.6, 30.6, 40.4	`rgb(17.6%,30.6%,40.4%)`
CMYK	56, 24, 0, 60
HSL	205.9°, 39.2, 29	`hsl(205.9,39.2%,29%)`
HSV (or HSB)	205.9°, 56.3, 40.4
Web Safe	336666	`#336666`

CIE-LAB	31.774, -4.064, -18.214
XYZ	6.254, 6.986, 13.85
xyY	0.231, 0.258, 6.986
CIE-LCH	31.774, 18.662, 257.422
CIE-LUV	31.774, -13.999, -23.26
Hunter-Lab	26.43, -4.015, -12.568
Binary	00101101, 01001110, 01100111

#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#67462d
```
#67462d rgb(103,70,45)
```

Complementary Color

#2d6763
```
#2d6763 rgb(45,103,99)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#2d3167
```
#2d3167 rgb(45,49,103)
```

Analogous Color

#67632d
```
#67632d rgb(103,99,45)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#672d31
```
#672d31 rgb(103,45,49)
```

Split Complementary Color

#4e672d
```
#4e672d rgb(78,103,45)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#672d4e
```
#672d4e rgb(103,45,78)
```

Triadic Color

#2d6746
```
#2d6746 rgb(45,103,70)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#672d4e
```
#672d4e rgb(103,45,78)
```
#67462d
```
#67462d rgb(103,70,45)
```

Tetradic Color

#162632
```
#162632 rgb(22,38,50)
```
#1d3344
```
#1d3344 rgb(29,51,68)
```
#254155
```
#254155 rgb(37,65,85)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#355b79
```
#355b79 rgb(53,91,121)
```
#3d698a
```
#3d698a rgb(61,105,138)
```
#44769c
```
#44769c rgb(68,118,156)
```

Monochromatic Color

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

#2d5d67
```
#2d5d67 rgb(45,93,103)
```
#2d5867
```
#2d5867 rgb(45,88,103)
```
#2d5367
```
#2d5367 rgb(45,83,103)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#2d4967
```
#2d4967 rgb(45,73,103)
```
#2d4467
```
#2d4467 rgb(45,68,103)
```
#2d4067
```
#2d4067 rgb(45,64,103)
```

Similar Colors

Text with hexadecimal color #2d4e67

This text has a font color of #2d4e67.

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

#2d4e67 background color

This paragraph has a background color of #2d4e67.

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

#2d4e67 border color

This element has a border color of #2d4e67.

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

CSS codes

.text {color:#2d4e67;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091015
```
#091015 rgb(9,16,21)
```
#0f1a23
```
#0f1a23 rgb(15,26,35)
```
#152530
```
#152530 rgb(21,37,48)
```
#1b2f3e
```
#1b2f3e rgb(27,47,62)
```
#21394c
```
#21394c rgb(33,57,76)
```
#274459
```
#274459 rgb(39,68,89)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#335875
```
#335875 rgb(51,88,117)
```
#396382
```
#396382 rgb(57,99,130)
```
#3f6d90
```
#3f6d90 rgb(63,109,144)
```
#45779e
```
#45779e rgb(69,119,158)
```
#4b82ab
```
#4b82ab rgb(75,130,171)
```

Shade Color Variation

#558bb5
```
#558bb5 rgb(85,139,181)
```
#6395bb
```
#6395bb rgb(99,149,187)
```
#709ec1
```
#709ec1 rgb(112,158,193)
```
#7ea7c7
```
#7ea7c7 rgb(126,167,199)
```
#8cb1cd
```
#8cb1cd rgb(140,177,205)
```
#99bad3
```
#99bad3 rgb(153,186,211)
```
#a7c3d9
```
#a7c3d9 rgb(167,195,217)
```
#b5ccde
```
#b5ccde rgb(181,204,222)
```
#c2d6e4
```
#c2d6e4 rgb(194,214,228)
```
#d0dfea
```
#d0dfea rgb(208,223,234)
```
#dde8f0
```
#dde8f0 rgb(221,232,240)
```
#ebf2f6
```
#ebf2f6 rgb(235,242,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,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 #05538f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444b50
```
#444b50 rgb(68,75,80)
```
#3e4c56
```
#3e4c56 rgb(62,76,86)
```
#384c5c
```
#384c5c rgb(56,76,92)
```
#334d61
```
#334d61 rgb(51,77,97)
```
#2d4e67
```
#2d4e67 rgb(45,78,103)
```
#274f6d
```
#274f6d rgb(39,79,109)
```
#225072
```
#225072 rgb(34,80,114)
```
#1c5078
```
#1c5078 rgb(28,80,120)
```
#16517e
```
#16517e rgb(22,81,126)
```
#115283
```
#115283 rgb(17,82,131)
```
#0b5389
```
#0b5389 rgb(11,83,137)
```
#05538f
```
#05538f rgb(5,83,143)
```

Tone Color Variation

Below, you can see how #2d4e67 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
#42484d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c536c Protanopia 1% of men
#4a5370 Deuteranopia 1% of men
#315960 Tritanopia 0.001% of the population

Trichromacy

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

#2d4e67 hex color

#2d4e67 Color Information

#2d4e67 Color Conversion

Color Schemes with #2d4e67

Alternatives to #2d4e67

#2d4e67 Preview

Shades and Tints of #2d4e67

Tones of #2d4e67

Color Blindness Simulator