#2d4394 hex color

In a RGB color space, hex #2d4394 is composed of 17.6% red, 26.3% green and 58% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 54.7% magenta, 0% yellow and 42% black. It has a hue angle of 227.2 degrees, a saturation of 53.4% and a lightness of 37.8%. #2d4394 color hex could be obtained by blending #5a86ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 26
- B 58
RGB color chart
- C 70
- M 55
- Y 0
- K 42
CMYK color chart

● #2d4394 color description : Dark moderate blue.

The hexadecimal color #2d4394 has RGB values of R:45, G:67, B:148 and CMYK values of C:0.7, M:0.55, Y:0, K:0.42. Its decimal value is 2966420.

Hex triplet	2d4394	`#2d4394`
RGB Decimal	45, 67, 148	`rgb(45,67,148)`
RGB Percent	17.6, 26.3, 58	`rgb(17.6%,26.3%,58%)`
CMYK	70, 55, 0, 42
HSL	227.2°, 53.4, 37.8	`hsl(227.2,53.4%,37.8%)`
HSV (or HSB)	227.2°, 69.6, 58
Web Safe	333399	`#333399`

CIE-LAB	31.137, 19.835, -47.21
XYZ	8.434, 6.71, 28.866
xyY	0.192, 0.152, 6.71
CIE-LCH	31.137, 51.208, 292.789
CIE-LUV	31.137, -10.299, -64.654
Hunter-Lab	25.903, 12.785, -47.939
Binary	00101101, 01000011, 10010100

#2d4394
```
#2d4394 rgb(45,67,148)
```
#947e2d
```
#947e2d rgb(148,126,45)
```

Complementary Color

#2d7794
```
#2d7794 rgb(45,119,148)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#4a2d94
```
#4a2d94 rgb(74,45,148)
```

Analogous Color

#77942d
```
#77942d rgb(119,148,45)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#944b2d
```
#944b2d rgb(148,75,45)
```

Split Complementary Color

#43942d
```
#43942d rgb(67,148,45)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#942d43
```
#942d43 rgb(148,45,67)
```

Triadic Color

#2d947e
```
#2d947e rgb(45,148,126)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#942d43
```
#942d43 rgb(148,45,67)
```
#947e2d
```
#947e2d rgb(148,126,45)
```

Tetradic Color

#1b2859
```
#1b2859 rgb(27,40,89)
```
#21316d
```
#21316d rgb(33,49,109)
```
#273a80
```
#273a80 rgb(39,58,128)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#334ca8
```
#334ca8 rgb(51,76,168)
```
#3955bb
```
#3955bb rgb(57,85,187)
```
#4762c7
```
#4762c7 rgb(71,98,199)
```

Monochromatic Color

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

#2d5d94
```
#2d5d94 rgb(45,93,148)
```
#2d5494
```
#2d5494 rgb(45,84,148)
```
#2d4c94
```
#2d4c94 rgb(45,76,148)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#2d3a94
```
#2d3a94 rgb(45,58,148)
```
#2d3294
```
#2d3294 rgb(45,50,148)
```
#312d94
```
#312d94 rgb(49,45,148)
```

Similar Colors

Text with hexadecimal color #2d4394

This text has a font color of #2d4394.

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

#2d4394 background color

This paragraph has a background color of #2d4394.

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

#2d4394 border color

This element has a border color of #2d4394.

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

CSS codes

.text {color:#2d4394;}

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

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

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

#04060d
```
#04060d rgb(4,6,13)
```
#080d1c
```
#080d1c rgb(8,13,28)
```
#0d132b
```
#0d132b rgb(13,19,43)
```
#121a3a
```
#121a3a rgb(18,26,58)
```
#162149
```
#162149 rgb(22,33,73)
```
#1b2858
```
#1b2858 rgb(27,40,88)
```
#1f2f67
```
#1f2f67 rgb(31,47,103)
```
#243576
```
#243576 rgb(36,53,118)
```
#283c85
```
#283c85 rgb(40,60,133)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#324aa3
```
#324aa3 rgb(50,74,163)
```
#3651b2
```
#3651b2 rgb(54,81,178)
```
#3b57c1
```
#3b57c1 rgb(59,87,193)
```

Shade Color Variation

#4863c7
```
#4863c7 rgb(72,99,199)
```
#5770cc
```
#5770cc rgb(87,112,204)
```
#667dd1
```
#667dd1 rgb(102,125,209)
```
#758ad5
```
#758ad5 rgb(117,138,213)
```
#8496da
```
#8496da rgb(132,150,218)
```
#93a3de
```
#93a3de rgb(147,163,222)
```
#a2b0e3
```
#a2b0e3 rgb(162,176,227)
```
#b1bde7
```
#b1bde7 rgb(177,189,231)
```
#c0caec
```
#c0caec rgb(192,202,236)
```
#cfd7f1
```
#cfd7f1 rgb(207,215,241)
```
#dee3f5
```
#dee3f5 rgb(222,227,245)
```
#eef0fa
```
#eef0fa rgb(238,240,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d67 is the less saturated color, while #0029c1 is the most saturated one.

#5a5d67
```
#5a5d67 rgb(90,93,103)
```
#52586f
```
#52586f rgb(82,88,111)
```
#4b5476
```
#4b5476 rgb(75,84,118)
```
#43507e
```
#43507e rgb(67,80,126)
```
#3c4c85
```
#3c4c85 rgb(60,76,133)
```
#34478d
```
#34478d rgb(52,71,141)
```
#2d4394
```
#2d4394 rgb(45,67,148)
```
#263f9b
```
#263f9b rgb(38,63,155)
```
#1e3aa3
```
#1e3aa3 rgb(30,58,163)
```
#1736aa
```
#1736aa rgb(23,54,170)
```
#0f32b2
```
#0f32b2 rgb(15,50,178)
```
#082eb9
```
#082eb9 rgb(8,46,185)
```
#0029c1
```
#0029c1 rgb(0,41,193)
```

Tone Color Variation

Below, you can see how #2d4394 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
#414556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e509c Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#194b99 Protanomaly 1% of men, 0.01% of women
#104e8d Deuteranomaly 6% of men, 0.4% of women
#105273 Tritanomaly 0.01% of the population

#2d4394 hex color

#2d4394 Color Information

#2d4394 Color Conversion

Color Schemes with #2d4394

Alternatives to #2d4394

#2d4394 Preview

Shades and Tints of #2d4394

Tones of #2d4394

Color Blindness Simulator