#2d4193 hex color

In a RGB color space, hex #2d4193 is composed of 17.6% red, 25.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 55.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 228.2 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d4193 color hex could be obtained by blending #5a82ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 25
- B 58
RGB color chart
- C 69
- M 56
- Y 0
- K 42
CMYK color chart

● #2d4193 color description : Dark moderate blue.

The hexadecimal color #2d4193 has RGB values of R:45, G:65, B:147 and CMYK values of C:0.69, M:0.56, Y:0, K:0.42. Its decimal value is 2965907.

Hex triplet	2d4193	`#2d4193`
RGB Decimal	45, 65, 147	`rgb(45,65,147)`
RGB Percent	17.6, 25.5, 57.6	`rgb(17.6%,25.5%,57.6%)`
CMYK	69, 56, 0, 42
HSL	228.2°, 53.1, 37.6	`hsl(228.2,53.1%,37.6%)`
HSV (or HSB)	228.2°, 69.4, 57.6
Web Safe	333399	`#333399`

CIE-LAB	30.507, 20.81, -47.618
XYZ	8.238, 6.445, 28.412
xyY	0.191, 0.15, 6.445
CIE-LCH	30.507, 51.967, 293.606
CIE-LUV	30.507, -9.733, -64.763
Hunter-Lab	25.386, 13.498, -48.587
Binary	00101101, 01000001, 10010011

#2d4193
```
#2d4193 rgb(45,65,147)
```
#937f2d
```
#937f2d rgb(147,127,45)
```

Complementary Color

#2d7493
```
#2d7493 rgb(45,116,147)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#4c2d93
```
#4c2d93 rgb(76,45,147)
```

Analogous Color

#74932d
```
#74932d rgb(116,147,45)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#934c2d
```
#934c2d rgb(147,76,45)
```

Split Complementary Color

#41932d
```
#41932d rgb(65,147,45)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#932d41
```
#932d41 rgb(147,45,65)
```

Triadic Color

#2d937f
```
#2d937f rgb(45,147,127)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#932d41
```
#932d41 rgb(147,45,65)
```
#937f2d
```
#937f2d rgb(147,127,45)
```

Tetradic Color

#1b2758
```
#1b2758 rgb(27,39,88)
```
#21306c
```
#21306c rgb(33,48,108)
```
#27387f
```
#27387f rgb(39,56,127)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#334aa7
```
#334aa7 rgb(51,74,167)
```
#3952ba
```
#3952ba rgb(57,82,186)
```
#465fc6
```
#465fc6 rgb(70,95,198)
```

Monochromatic Color

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

#2d5b93
```
#2d5b93 rgb(45,91,147)
```
#2d5293
```
#2d5293 rgb(45,82,147)
```
#2d4a93
```
#2d4a93 rgb(45,74,147)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#2d3993
```
#2d3993 rgb(45,57,147)
```
#2d3093
```
#2d3093 rgb(45,48,147)
```
#332d93
```
#332d93 rgb(51,45,147)
```

Similar Colors

Text with hexadecimal color #2d4193

This text has a font color of #2d4193.

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

#2d4193 background color

This paragraph has a background color of #2d4193.

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

#2d4193 border color

This element has a border color of #2d4193.

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

CSS codes

.text {color:#2d4193;}

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

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

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, #04050c is the darkest color, while #fcfcfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#080c1b
```
#080c1b rgb(8,12,27)
```
#0d132a
```
#0d132a rgb(13,19,42)
```
#111939
```
#111939 rgb(17,25,57)
```
#162048
```
#162048 rgb(22,32,72)
```
#1b2657
```
#1b2657 rgb(27,38,87)
```
#1f2d66
```
#1f2d66 rgb(31,45,102)
```
#243475
```
#243475 rgb(36,52,117)
```
#283a84
```
#283a84 rgb(40,58,132)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#3248a2
```
#3248a2 rgb(50,72,162)
```
#364eb1
```
#364eb1 rgb(54,78,177)
```
#3b55c0
```
#3b55c0 rgb(59,85,192)
```

Shade Color Variation

#4861c7
```
#4861c7 rgb(72,97,199)
```
#576ecb
```
#576ecb rgb(87,110,203)
```
#667bd0
```
#667bd0 rgb(102,123,208)
```
#7587d5
```
#7587d5 rgb(117,135,213)
```
#8494d9
```
#8494d9 rgb(132,148,217)
```
#93a1de
```
#93a1de rgb(147,161,222)
```
#a2aee2
```
#a2aee2 rgb(162,174,226)
```
#b1bbe7
```
#b1bbe7 rgb(177,187,231)
```
#c0c8ec
```
#c0c8ec rgb(192,200,236)
```
#cfd5f0
```
#cfd5f0 rgb(207,213,240)
```
#dee2f5
```
#dee2f5 rgb(222,226,245)
```
#edeff9
```
#edeff9 rgb(237,239,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595c67 is the less saturated color, while #0126bf is the most saturated one.

#595c67
```
#595c67 rgb(89,92,103)
```
#52576e
```
#52576e rgb(82,87,110)
```
#4b5375
```
#4b5375 rgb(75,83,117)
```
#434e7d
```
#434e7d rgb(67,78,125)
```
#3c4a84
```
#3c4a84 rgb(60,74,132)
```
#34458c
```
#34458c rgb(52,69,140)
```
#2d4193
```
#2d4193 rgb(45,65,147)
```
#263d9a
```
#263d9a rgb(38,61,154)
```
#1e38a2
```
#1e38a2 rgb(30,56,162)
```
#1734a9
```
#1734a9 rgb(23,52,169)
```
#0f2fb1
```
#0f2fb1 rgb(15,47,177)
```
#082bb8
```
#082bb8 rgb(8,43,184)
```
#0126bf
```
#0126bf rgb(1,38,191)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e9a Protanopia 1% of men
#005388 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#104997 Protanomaly 1% of men, 0.01% of women
#104c8c Deuteranomaly 6% of men, 0.4% of women
#105072 Tritanomaly 0.01% of the population

#2d4193 hex color

#2d4193 Color Information

#2d4193 Color Conversion

Color Schemes with #2d4193

Alternatives to #2d4193

#2d4193 Preview

Shades and Tints of #2d4193

Tones of #2d4193

Color Blindness Simulator