#2d4d67 hex color

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

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

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

The hexadecimal color #2d4d67 has RGB values of R:45, G:77, B:103 and CMYK values of C:0.56, M:0.25, Y:0, K:0.6. Its decimal value is 2968935.

Hex triplet	2d4d67	`#2d4d67`
RGB Decimal	45, 77, 103	`rgb(45,77,103)`
RGB Percent	17.6, 30.2, 40.4	`rgb(17.6%,30.2%,40.4%)`
CMYK	56, 25, 0, 60
HSL	206.9°, 39.2, 29	`hsl(206.9,39.2%,29%)`
HSV (or HSB)	206.9°, 56.3, 40.4
Web Safe	336666	`#336666`

CIE-LAB	31.45, -3.43, -18.716
XYZ	6.184, 6.845, 13.826
xyY	0.23, 0.255, 6.845
CIE-LCH	31.45, 19.027, 259.613
CIE-LUV	31.45, -13.617, -23.946
Hunter-Lab	26.162, -3.593, -13.021
Binary	00101101, 01001101, 01100111

#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#67472d
```
#67472d rgb(103,71,45)
```

Complementary Color

#2d6764
```
#2d6764 rgb(45,103,100)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#2d3067
```
#2d3067 rgb(45,48,103)
```

Analogous Color

#67642d
```
#67642d rgb(103,100,45)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#672d30
```
#672d30 rgb(103,45,48)
```

Split Complementary Color

#4d672d
```
#4d672d rgb(77,103,45)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#672d4d
```
#672d4d rgb(103,45,77)
```

Triadic Color

#2d6747
```
#2d6747 rgb(45,103,71)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#672d4d
```
#672d4d rgb(103,45,77)
```
#67472d
```
#67472d rgb(103,71,45)
```

Tetradic Color

#162532
```
#162532 rgb(22,37,50)
```
#1d3244
```
#1d3244 rgb(29,50,68)
```
#254055
```
#254055 rgb(37,64,85)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#355a79
```
#355a79 rgb(53,90,121)
```
#3d688a
```
#3d688a rgb(61,104,138)
```
#44759c
```
#44759c rgb(68,117,156)
```

Monochromatic Color

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

#2d5c67
```
#2d5c67 rgb(45,92,103)
```
#2d5767
```
#2d5767 rgb(45,87,103)
```
#2d5267
```
#2d5267 rgb(45,82,103)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#2d4867
```
#2d4867 rgb(45,72,103)
```
#2d4367
```
#2d4367 rgb(45,67,103)
```
#2d3f67
```
#2d3f67 rgb(45,63,103)
```

Similar Colors

Text with hexadecimal color #2d4d67

This text has a font color of #2d4d67.

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

#2d4d67 background color

This paragraph has a background color of #2d4d67.

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

#2d4d67 border color

This element has a border color of #2d4d67.

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

CSS codes

.text {color:#2d4d67;}

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

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

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)
```
#152430
```
#152430 rgb(21,36,48)
```
#1b2e3e
```
#1b2e3e rgb(27,46,62)
```
#21394c
```
#21394c rgb(33,57,76)
```
#274359
```
#274359 rgb(39,67,89)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#335775
```
#335775 rgb(51,87,117)
```
#396182
```
#396182 rgb(57,97,130)
```
#3f6c90
```
#3f6c90 rgb(63,108,144)
```
#45769e
```
#45769e rgb(69,118,158)
```
#4b80ab
```
#4b80ab rgb(75,128,171)
```

Shade Color Variation

#558ab5
```
#558ab5 rgb(85,138,181)
```
#6393bb
```
#6393bb rgb(99,147,187)
```
#709dc1
```
#709dc1 rgb(112,157,193)
```
#7ea6c7
```
#7ea6c7 rgb(126,166,199)
```
#8cafcd
```
#8cafcd rgb(140,175,205)
```
#99b9d3
```
#99b9d3 rgb(153,185,211)
```
#a7c2d9
```
#a7c2d9 rgb(167,194,217)
```
#b5ccde
```
#b5ccde rgb(181,204,222)
```
#c2d5e4
```
#c2d5e4 rgb(194,213,228)
```
#d0deea
```
#d0deea rgb(208,222,234)
```
#dde8f0
```
#dde8f0 rgb(221,232,240)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,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 #05518f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444b50
```
#444b50 rgb(68,75,80)
```
#3e4b56
```
#3e4b56 rgb(62,75,86)
```
#384c5c
```
#384c5c rgb(56,76,92)
```
#334c61
```
#334c61 rgb(51,76,97)
```
#2d4d67
```
#2d4d67 rgb(45,77,103)
```
#274e6d
```
#274e6d rgb(39,78,109)
```
#224e72
```
#224e72 rgb(34,78,114)
```
#1c4f78
```
#1c4f78 rgb(28,79,120)
```
#164f7e
```
#164f7e rgb(22,79,126)
```
#115083
```
#115083 rgb(17,80,131)
```
#0b5189
```
#0b5189 rgb(11,81,137)
```
#05518f
```
#05518f rgb(5,81,143)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#41474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b526c Protanopia 1% of men
#495270 Deuteranopia 1% of men
#31595f Tritanopia 0.001% of the population

Trichromacy

#40506a Protanomaly 1% of men, 0.01% of women
#3e506c Deuteranomaly 6% of men, 0.4% of women
#2f5462 Tritanomaly 0.01% of the population

#2d4d67 hex color

#2d4d67 Color Information

#2d4d67 Color Conversion

Color Schemes with #2d4d67

Alternatives to #2d4d67

#2d4d67 Preview

Shades and Tints of #2d4d67

Tones of #2d4d67

Color Blindness Simulator