#2d467e hex color

In a RGB color space, hex #2d467e is composed of 17.6% red, 27.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 44.4% magenta, 0% yellow and 50.6% black. It has a hue angle of 221.5 degrees, a saturation of 47.4% and a lightness of 33.5%. #2d467e color hex could be obtained by blending #5a8cfc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 49
RGB color chart
- C 64
- M 44
- Y 0
- K 51
CMYK color chart

● #2d467e color description : Dark moderate blue.

The hexadecimal color #2d467e has RGB values of R:45, G:70, B:126 and CMYK values of C:0.64, M:0.44, Y:0, K:0.51. Its decimal value is 2967166.

Hex triplet	2d467e	`#2d467e`
RGB Decimal	45, 70, 126	`rgb(45,70,126)`
RGB Percent	17.6, 27.5, 49.4	`rgb(17.6%,27.5%,49.4%)`
CMYK	64, 44, 0, 51
HSL	221.5°, 47.4, 33.5	`hsl(221.5,47.4%,33.5%)`
HSV (or HSB)	221.5°, 64.3, 49.4
Web Safe	333366	`#333366`

CIE-LAB	30.506, 9.497, -34.651
XYZ	7.037, 6.444, 20.611
xyY	0.206, 0.189, 6.444
CIE-LCH	30.506, 35.929, 285.327
CIE-LUV	30.506, -11.018, -46.783
Hunter-Lab	25.385, 5.06, -30.368
Binary	00101101, 01000110, 01111110

#2d467e
```
#2d467e rgb(45,70,126)
```
#7e652d
```
#7e652d rgb(126,101,45)
```

Complementary Color

#2d6f7e
```
#2d6f7e rgb(45,111,126)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#3d2d7e
```
#3d2d7e rgb(61,45,126)
```

Analogous Color

#6f7e2d
```
#6f7e2d rgb(111,126,45)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#7e3d2d
```
#7e3d2d rgb(126,61,45)
```

Split Complementary Color

#467e2d
```
#467e2d rgb(70,126,45)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#7e2d46
```
#7e2d46 rgb(126,45,70)
```

Triadic Color

#2d7e65
```
#2d7e65 rgb(45,126,101)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#7e2d46
```
#7e2d46 rgb(126,45,70)
```
#7e652d
```
#7e652d rgb(126,101,45)
```

Tetradic Color

#192746
```
#192746 rgb(25,39,70)
```
#203158
```
#203158 rgb(32,49,88)
```
#263c6b
```
#263c6b rgb(38,60,107)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#345091
```
#345091 rgb(52,80,145)
```
#3a5ba4
```
#3a5ba4 rgb(58,91,164)
```
#4165b6
```
#4165b6 rgb(65,101,182)
```

Monochromatic Color

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

#2d5a7e
```
#2d5a7e rgb(45,90,126)
```
#2d547e
```
#2d547e rgb(45,84,126)
```
#2d4d7e
```
#2d4d7e rgb(45,77,126)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#2d3f7e
```
#2d3f7e rgb(45,63,126)
```
#2d397e
```
#2d397e rgb(45,57,126)
```
#2d327e
```
#2d327e rgb(45,50,126)
```

Similar Colors

Text with hexadecimal color #2d467e

This text has a font color of #2d467e.

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

#2d467e background color

This paragraph has a background color of #2d467e.

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

#2d467e border color

This element has a border color of #2d467e.

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

CSS codes

.text {color:#2d467e;}

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

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

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, #04060a is the darkest color, while #fbfcfe is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0e1627
```
#0e1627 rgb(14,22,39)
```
#131e36
```
#131e36 rgb(19,30,54)
```
#182644
```
#182644 rgb(24,38,68)
```
#1e2e53
```
#1e2e53 rgb(30,46,83)
```
#233661
```
#233661 rgb(35,54,97)
```
#283e70
```
#283e70 rgb(40,62,112)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#324e8c
```
#324e8c rgb(50,78,140)
```
#37569b
```
#37569b rgb(55,86,155)
```
#3c5ea9
```
#3c5ea9 rgb(60,94,169)
```
#4266b8
```
#4266b8 rgb(66,102,184)
```

Shade Color Variation

#4d71c0
```
#4d71c0 rgb(77,113,192)
```
#5c7cc5
```
#5c7cc5 rgb(92,124,197)
```
#6a88ca
```
#6a88ca rgb(106,136,202)
```
#7993cf
```
#7993cf rgb(121,147,207)
```
#879fd4
```
#879fd4 rgb(135,159,212)
```
#96abd9
```
#96abd9 rgb(150,171,217)
```
#a4b6df
```
#a4b6df rgb(164,182,223)
```
#b3c2e4
```
#b3c2e4 rgb(179,194,228)
```
#c1cde9
```
#c1cde9 rgb(193,205,233)
```
#d0d9ee
```
#d0d9ee rgb(208,217,238)
```
#dee5f3
```
#dee5f3 rgb(222,229,243)
```
#ecf0f8
```
#ecf0f8 rgb(236,240,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545557 is the less saturated color, while #0637a5 is the most saturated one.

#545557
```
#545557 rgb(84,85,87)
```
#4e535d
```
#4e535d rgb(78,83,93)
```
#475064
```
#475064 rgb(71,80,100)
```
#414e6a
```
#414e6a rgb(65,78,106)
```
#3a4b71
```
#3a4b71 rgb(58,75,113)
```
#344977
```
#344977 rgb(52,73,119)
```
#2d467e
```
#2d467e rgb(45,70,126)
```
#264385
```
#264385 rgb(38,67,133)
```
#20418b
```
#20418b rgb(32,65,139)
```
#193e92
```
#193e92 rgb(25,62,146)
```
#133c98
```
#133c98 rgb(19,60,152)
```
#0c399f
```
#0c399f rgb(12,57,159)
```
#0637a5
```
#0637a5 rgb(6,55,165)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#374f84 Protanopia 1% of men
#285283 Deuteranopia 1% of men
#1e585e Tritanopia 0.001% of the population

Trichromacy

#334c82 Protanomaly 1% of men, 0.01% of women
#294d81 Deuteranomaly 6% of men, 0.4% of women
#23516a Tritanomaly 0.01% of the population

#2d467e hex color

#2d467e Color Information

#2d467e Color Conversion

Color Schemes with #2d467e

Alternatives to #2d467e

#2d467e Preview

Shades and Tints of #2d467e

Tones of #2d467e

Color Blindness Simulator