#2d4c67 hex color

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

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

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

The hexadecimal color #2d4c67 has RGB values of R:45, G:76, B:103 and CMYK values of C:0.56, M:0.26, Y:0, K:0.6. Its decimal value is 2968679.

Hex triplet	2d4c67	`#2d4c67`
RGB Decimal	45, 76, 103	`rgb(45,76,103)`
RGB Percent	17.6, 29.8, 40.4	`rgb(17.6%,29.8%,40.4%)`
CMYK	56, 26, 0, 60
HSL	207.9°, 39.2, 29	`hsl(207.9,39.2%,29%)`
HSV (or HSB)	207.9°, 56.3, 40.4
Web Safe	333366	`#333366`

CIE-LAB	31.127, -2.793, -19.216
XYZ	6.114, 6.706, 13.803
xyY	0.23, 0.252, 6.706
CIE-LCH	31.127, 19.418, 261.73
CIE-LUV	31.127, -13.237, -24.627
Hunter-Lab	25.895, -3.171, -13.477
Binary	00101101, 01001100, 01100111

#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#67482d
```
#67482d rgb(103,72,45)
```

Complementary Color

#2d6765
```
#2d6765 rgb(45,103,101)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#2d2f67
```
#2d2f67 rgb(45,47,103)
```

Analogous Color

#67652d
```
#67652d rgb(103,101,45)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#672d2f
```
#672d2f rgb(103,45,47)
```

Split Complementary Color

#4c672d
```
#4c672d rgb(76,103,45)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#672d4c
```
#672d4c rgb(103,45,76)
```

Triadic Color

#2d6748
```
#2d6748 rgb(45,103,72)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#672d4c
```
#672d4c rgb(103,45,76)
```
#67482d
```
#67482d rgb(103,72,45)
```

Tetradic Color

#162532
```
#162532 rgb(22,37,50)
```
#1d3244
```
#1d3244 rgb(29,50,68)
```
#253f55
```
#253f55 rgb(37,63,85)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#355979
```
#355979 rgb(53,89,121)
```
#3d668a
```
#3d668a rgb(61,102,138)
```
#44739c
```
#44739c rgb(68,115,156)
```

Monochromatic Color

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

#2d5b67
```
#2d5b67 rgb(45,91,103)
```
#2d5667
```
#2d5667 rgb(45,86,103)
```
#2d5167
```
#2d5167 rgb(45,81,103)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#2d4767
```
#2d4767 rgb(45,71,103)
```
#2d4267
```
#2d4267 rgb(45,66,103)
```
#2d3e67
```
#2d3e67 rgb(45,62,103)
```

Similar Colors

Text with hexadecimal color #2d4c67

This text has a font color of #2d4c67.

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

#2d4c67 background color

This paragraph has a background color of #2d4c67.

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

#2d4c67 border color

This element has a border color of #2d4c67.

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

CSS codes

.text {color:#2d4c67;}

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

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

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 #f9fbfc is the lightest one.

#030507
```
#030507 rgb(3,5,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)
```
#21384c
```
#21384c rgb(33,56,76)
```
#274259
```
#274259 rgb(39,66,89)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#335675
```
#335675 rgb(51,86,117)
```
#396082
```
#396082 rgb(57,96,130)
```
#3f6a90
```
#3f6a90 rgb(63,106,144)
```
#45749e
```
#45749e rgb(69,116,158)
```
#4b7eab
```
#4b7eab rgb(75,126,171)
```

Shade Color Variation

#5588b5
```
#5588b5 rgb(85,136,181)
```
#6392bb
```
#6392bb rgb(99,146,187)
```
#709bc1
```
#709bc1 rgb(112,155,193)
```
#7ea5c7
```
#7ea5c7 rgb(126,165,199)
```
#8caecd
```
#8caecd rgb(140,174,205)
```
#99b8d3
```
#99b8d3 rgb(153,184,211)
```
#a7c1d9
```
#a7c1d9 rgb(167,193,217)
```
#b5cbde
```
#b5cbde rgb(181,203,222)
```
#c2d4e4
```
#c2d4e4 rgb(194,212,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 #054f8f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444a50
```
#444a50 rgb(68,74,80)
```
#3e4b56
```
#3e4b56 rgb(62,75,86)
```
#384b5c
```
#384b5c rgb(56,75,92)
```
#334c61
```
#334c61 rgb(51,76,97)
```
#2d4c67
```
#2d4c67 rgb(45,76,103)
```
#274c6d
```
#274c6d rgb(39,76,109)
```
#224d72
```
#224d72 rgb(34,77,114)
```
#1c4d78
```
#1c4d78 rgb(28,77,120)
```
#164e7e
```
#164e7e rgb(22,78,126)
```
#114e83
```
#114e83 rgb(17,78,131)
```
#0b4e89
```
#0b4e89 rgb(11,78,137)
```
#054f8f
```
#054f8f rgb(5,79,143)
```

Tone Color Variation

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

#4a516c Protanopia 1% of men
#475170 Deuteranopia 1% of men
#30585e Tritanopia 0.001% of the population

Trichromacy

#3f4f6a Protanomaly 1% of men, 0.01% of women
#3e4f6c Deuteranomaly 6% of men, 0.4% of women
#2f5361 Tritanomaly 0.01% of the population

#2d4c67 hex color

#2d4c67 Color Information

#2d4c67 Color Conversion

Color Schemes with #2d4c67

Alternatives to #2d4c67

#2d4c67 Preview

Shades and Tints of #2d4c67

Tones of #2d4c67

Color Blindness Simulator