#2d4567 hex color

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

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

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

The hexadecimal color #2d4567 has RGB values of R:45, G:69, B:103 and CMYK values of C:0.56, M:0.33, Y:0, K:0.6. Its decimal value is 2966887.

Hex triplet	2d4567	`#2d4567`
RGB Decimal	45, 69, 103	`rgb(45,69,103)`
RGB Percent	17.6, 27.1, 40.4	`rgb(17.6%,27.1%,40.4%)`
CMYK	56, 33, 0, 60
HSL	215.2°, 39.2, 29	`hsl(215.2,39.2%,29%)`
HSV (or HSB)	215.2°, 56.3, 40.4
Web Safe	333366	`#333366`

CIE-LAB	28.884, 1.761, -22.713
XYZ	5.658, 5.793, 13.651
xyY	0.225, 0.231, 5.793
CIE-LCH	28.884, 22.781, 274.434
CIE-LUV	28.884, -10.636, -29.219
Hunter-Lab	24.069, -0.16, -16.78
Binary	00101101, 01000101, 01100111

#2d4567
```
#2d4567 rgb(45,69,103)
```
#674f2d
```
#674f2d rgb(103,79,45)
```

Complementary Color

#2d6267
```
#2d6267 rgb(45,98,103)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#322d67
```
#322d67 rgb(50,45,103)
```

Analogous Color

#62672d
```
#62672d rgb(98,103,45)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#67322d
```
#67322d rgb(103,50,45)
```

Split Complementary Color

#45672d
```
#45672d rgb(69,103,45)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#672d45
```
#672d45 rgb(103,45,69)
```

Triadic Color

#2d674f
```
#2d674f rgb(45,103,79)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#672d45
```
#672d45 rgb(103,45,69)
```
#674f2d
```
#674f2d rgb(103,79,45)
```

Tetradic Color

#162132
```
#162132 rgb(22,33,50)
```
#1d2d44
```
#1d2d44 rgb(29,45,68)
```
#253955
```
#253955 rgb(37,57,85)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#355179
```
#355179 rgb(53,81,121)
```
#3d5d8a
```
#3d5d8a rgb(61,93,138)
```
#44699c
```
#44699c rgb(68,105,156)
```

Monochromatic Color

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

#2d5467
```
#2d5467 rgb(45,84,103)
```
#2d4f67
```
#2d4f67 rgb(45,79,103)
```
#2d4a67
```
#2d4a67 rgb(45,74,103)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#2d4067
```
#2d4067 rgb(45,64,103)
```
#2d3b67
```
#2d3b67 rgb(45,59,103)
```
#2d3767
```
#2d3767 rgb(45,55,103)
```

Similar Colors

Text with hexadecimal color #2d4567

This text has a font color of #2d4567.

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

#2d4567 background color

This paragraph has a background color of #2d4567.

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

#2d4567 border color

This element has a border color of #2d4567.

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

CSS codes

.text {color:#2d4567;}

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

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

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)
```
#1b2a3e
```
#1b2a3e rgb(27,42,62)
```
#21334c
```
#21334c rgb(33,51,76)
```
#273c59
```
#273c59 rgb(39,60,89)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#334e75
```
#334e75 rgb(51,78,117)
```
#395782
```
#395782 rgb(57,87,130)
```
#3f6090
```
#3f6090 rgb(63,96,144)
```
#456a9e
```
#456a9e rgb(69,106,158)
```
#4b73ab
```
#4b73ab rgb(75,115,171)
```

Shade Color Variation

#557db5
```
#557db5 rgb(85,125,181)
```
#6387bb
```
#6387bb rgb(99,135,187)
```
#7092c1
```
#7092c1 rgb(112,146,193)
```
#7e9cc7
```
#7e9cc7 rgb(126,156,199)
```
#8ca6cd
```
#8ca6cd rgb(140,166,205)
```
#99b1d3
```
#99b1d3 rgb(153,177,211)
```
#a7bbd9
```
#a7bbd9 rgb(167,187,217)
```
#b5c6de
```
#b5c6de rgb(181,198,222)
```
#c2d0e4
```
#c2d0e4 rgb(194,208,228)
```
#d0dbea
```
#d0dbea rgb(208,219,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 #053e8f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444950
```
#444950 rgb(68,73,80)
```
#3e4856
```
#3e4856 rgb(62,72,86)
```
#38475c
```
#38475c rgb(56,71,92)
```
#334661
```
#334661 rgb(51,70,97)
```
#2d4567
```
#2d4567 rgb(45,69,103)
```
#27446d
```
#27446d rgb(39,68,109)
```
#224372
```
#224372 rgb(34,67,114)
```
#1c4278
```
#1c4278 rgb(28,66,120)
```
#16417e
```
#16417e rgb(22,65,126)
```
#114083
```
#114083 rgb(17,64,131)
```
#0b3f89
```
#0b3f89 rgb(11,63,137)
```
#053e8f
```
#053e8f rgb(5,62,143)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4349 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424c6d Protanopia 1% of men
#3d4d6f Deuteranopia 1% of men
#2e5359 Tritanopia 0.001% of the population

Trichromacy

#3a496b Protanomaly 1% of men, 0.01% of women
#374a6c Deuteranomaly 6% of men, 0.4% of women
#2d4e5e Tritanomaly 0.01% of the population

#2d4567 hex color

#2d4567 Color Information

#2d4567 Color Conversion

Color Schemes with #2d4567

Alternatives to #2d4567

#2d4567 Preview

Shades and Tints of #2d4567

Tones of #2d4567

Color Blindness Simulator