#2d3667 hex color

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

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

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

The hexadecimal color #2d3667 has RGB values of R:45, G:54, B:103 and CMYK values of C:0.56, M:0.48, Y:0, K:0.6. Its decimal value is 2963047.

Hex triplet	2d3667	`#2d3667`
RGB Decimal	45, 54, 103	`rgb(45,54,103)`
RGB Percent	17.6, 21.2, 40.4	`rgb(17.6%,21.2%,40.4%)`
CMYK	56, 48, 0, 60
HSL	230.7°, 39.2, 29	`hsl(230.7,39.2%,29%)`
HSV (or HSB)	230.7°, 56.3, 40.4
Web Safe	333366	`#333366`

CIE-LAB	24.243, 11.983, -30.053
XYZ	4.849, 4.175, 13.382
xyY	0.216, 0.186, 4.175
CIE-LCH	24.243, 32.353, 291.738
CIE-LUV	24.243, -5.552, -37.559
Hunter-Lab	20.434, 6.601, -24.525
Binary	00101101, 00110110, 01100111

#2d3667
```
#2d3667 rgb(45,54,103)
```
#675e2d
```
#675e2d rgb(103,94,45)
```

Complementary Color

#2d5367
```
#2d5367 rgb(45,83,103)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#412d67
```
#412d67 rgb(65,45,103)
```

Analogous Color

#53672d
```
#53672d rgb(83,103,45)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#67412d
```
#67412d rgb(103,65,45)
```

Split Complementary Color

#36672d
```
#36672d rgb(54,103,45)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#672d36
```
#672d36 rgb(103,45,54)
```

Triadic Color

#2d675e
```
#2d675e rgb(45,103,94)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#672d36
```
#672d36 rgb(103,45,54)
```
#675e2d
```
#675e2d rgb(103,94,45)
```

Tetradic Color

#161a32
```
#161a32 rgb(22,26,50)
```
#1d2344
```
#1d2344 rgb(29,35,68)
```
#252d55
```
#252d55 rgb(37,45,85)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#353f79
```
#353f79 rgb(53,63,121)
```
#3d498a
```
#3d498a rgb(61,73,138)
```
#44529c
```
#44529c rgb(68,82,156)
```

Monochromatic Color

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

#2d4567
```
#2d4567 rgb(45,69,103)
```
#2d4067
```
#2d4067 rgb(45,64,103)
```
#2d3b67
```
#2d3b67 rgb(45,59,103)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#2d3167
```
#2d3167 rgb(45,49,103)
```
#2e2d67
```
#2e2d67 rgb(46,45,103)
```
#332d67
```
#332d67 rgb(51,45,103)
```

Similar Colors

Text with hexadecimal color #2d3667

This text has a font color of #2d3667.

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

#2d3667 background color

This paragraph has a background color of #2d3667.

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

#2d3667 border color

This element has a border color of #2d3667.

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

CSS codes

.text {color:#2d3667;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090b15
```
#090b15 rgb(9,11,21)
```
#0f1223
```
#0f1223 rgb(15,18,35)
```
#151930
```
#151930 rgb(21,25,48)
```
#1b213e
```
#1b213e rgb(27,33,62)
```
#21284c
```
#21284c rgb(33,40,76)
```
#272f59
```
#272f59 rgb(39,47,89)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#333d75
```
#333d75 rgb(51,61,117)
```
#394482
```
#394482 rgb(57,68,130)
```
#3f4b90
```
#3f4b90 rgb(63,75,144)
```
#45539e
```
#45539e rgb(69,83,158)
```
#4b5aab
```
#4b5aab rgb(75,90,171)
```

Shade Color Variation

#5564b5
```
#5564b5 rgb(85,100,181)
```
#6370bb
```
#6370bb rgb(99,112,187)
```
#707dc1
```
#707dc1 rgb(112,125,193)
```
#7e89c7
```
#7e89c7 rgb(126,137,199)
```
#8c96cd
```
#8c96cd rgb(140,150,205)
```
#99a2d3
```
#99a2d3 rgb(153,162,211)
```
#a7afd9
```
#a7afd9 rgb(167,175,217)
```
#b5bbde
```
#b5bbde rgb(181,187,222)
```
#c2c7e4
```
#c2c7e4 rgb(194,199,228)
```
#d0d4ea
```
#d0d4ea rgb(208,212,234)
```
#dde0f0
```
#dde0f0 rgb(221,224,240)
```
#ebedf6
```
#ebedf6 rgb(235,237,246)
```
#f9f9fc
```
#f9f9fc rgb(249,249,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 #051b8f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444650
```
#444650 rgb(68,70,80)
```
#3e4256
```
#3e4256 rgb(62,66,86)
```
#383e5c
```
#383e5c rgb(56,62,92)
```
#333a61
```
#333a61 rgb(51,58,97)
```
#2d3667
```
#2d3667 rgb(45,54,103)
```
#27326d
```
#27326d rgb(39,50,109)
```
#222e72
```
#222e72 rgb(34,46,114)
```
#1c2a78
```
#1c2a78 rgb(28,42,120)
```
#16267e
```
#16267e rgb(22,38,126)
```
#112283
```
#112283 rgb(17,34,131)
```
#0b1e89
```
#0b1e89 rgb(11,30,137)
```
#051b8f
```
#051b8f rgb(5,27,143)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4270 Protanopia 1% of men
#23446d Deuteranopia 1% of men
#29484d Tritanopia 0.001% of the population

Trichromacy

#2c3d6d Protanomaly 1% of men, 0.01% of women
#263f6a Deuteranomaly 6% of men, 0.4% of women
#2a4156 Tritanomaly 0.01% of the population

#2d3667 hex color

#2d3667 Color Information

#2d3667 Color Conversion

Color Schemes with #2d3667

Alternatives to #2d3667

#2d3667 Preview

Shades and Tints of #2d3667

Tones of #2d3667

Color Blindness Simulator