#2d4a7c hex color

In a RGB color space, hex #2d4a7c is composed of 17.6% red, 29% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 40.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 218 degrees, a saturation of 46.7% and a lightness of 33.1%. #2d4a7c color hex could be obtained by blending #5a94f8 with #000000. Closest websafe color is: #333366.

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

● #2d4a7c color description : Dark moderate blue.

The hexadecimal color #2d4a7c has RGB values of R:45, G:74, B:124 and CMYK values of C:0.64, M:0.4, Y:0, K:0.51. Its decimal value is 2968188.

Hex triplet	2d4a7c	`#2d4a7c`
RGB Decimal	45, 74, 124	`rgb(45,74,124)`
RGB Percent	17.6, 29, 48.6	`rgb(17.6%,29%,48.6%)`
CMYK	64, 40, 0, 51
HSL	218°, 46.7, 33.1	`hsl(218,46.7%,33.1%)`
HSV (or HSB)	218°, 63.7, 48.6
Web Safe	333366	`#333366`

CIE-LAB	31.602, 6.069, -31.662
XYZ	7.168, 6.91, 20.024
xyY	0.21, 0.203, 6.91
CIE-LCH	31.602, 32.239, 280.851
CIE-LUV	31.602, -12.348, -42.895
Hunter-Lab	26.287, 2.672, -26.762
Binary	00101101, 01001010, 01111100

#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#7c5f2d
```
#7c5f2d rgb(124,95,45)
```

Complementary Color

#2d727c
```
#2d727c rgb(45,114,124)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#372d7c
```
#372d7c rgb(55,45,124)
```

Analogous Color

#727c2d
```
#727c2d rgb(114,124,45)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#7c372d
```
#7c372d rgb(124,55,45)
```

Split Complementary Color

#4a7c2d
```
#4a7c2d rgb(74,124,45)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#7c2d4a
```
#7c2d4a rgb(124,45,74)
```

Triadic Color

#2d7c5f
```
#2d7c5f rgb(45,124,95)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#7c2d4a
```
#7c2d4a rgb(124,45,74)
```
#7c5f2d
```
#7c5f2d rgb(124,95,45)
```

Tetradic Color

#192944
```
#192944 rgb(25,41,68)
```
#1f3457
```
#1f3457 rgb(31,52,87)
```
#263f69
```
#263f69 rgb(38,63,105)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#34558f
```
#34558f rgb(52,85,143)
```
#3b60a1
```
#3b60a1 rgb(59,96,161)
```
#416bb4
```
#416bb4 rgb(65,107,180)
```

Monochromatic Color

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

#2d5e7c
```
#2d5e7c rgb(45,94,124)
```
#2d577c
```
#2d577c rgb(45,87,124)
```
#2d517c
```
#2d517c rgb(45,81,124)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#2d437c
```
#2d437c rgb(45,67,124)
```
#2d3d7c
```
#2d3d7c rgb(45,61,124)
```
#2d367c
```
#2d367c rgb(45,54,124)
```

Similar Colors

Text with hexadecimal color #2d4a7c

This text has a font color of #2d4a7c.

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

#2d4a7c background color

This paragraph has a background color of #2d4a7c.

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

#2d4a7c border color

This element has a border color of #2d4a7c.

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

CSS codes

.text {color:#2d4a7c;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#080e17
```
#080e17 rgb(8,14,23)
```
#0e1626
```
#0e1626 rgb(14,22,38)
```
#131f34
```
#131f34 rgb(19,31,52)
```
#182842
```
#182842 rgb(24,40,66)
```
#1d3051
```
#1d3051 rgb(29,48,81)
```
#23395f
```
#23395f rgb(35,57,95)
```
#28416e
```
#28416e rgb(40,65,110)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#32538a
```
#32538a rgb(50,83,138)
```
#375b99
```
#375b99 rgb(55,91,153)
```
#3d64a7
```
#3d64a7 rgb(61,100,167)
```
#426cb6
```
#426cb6 rgb(66,108,182)
```

Shade Color Variation

#4d76be
```
#4d76be rgb(77,118,190)
```
#5b81c4
```
#5b81c4 rgb(91,129,196)
```
#6a8cc9
```
#6a8cc9 rgb(106,140,201)
```
#7898ce
```
#7898ce rgb(120,152,206)
```
#86a3d3
```
#86a3d3 rgb(134,163,211)
```
#95aed8
```
#95aed8 rgb(149,174,216)
```
#a3b9de
```
#a3b9de rgb(163,185,222)
```
#b2c4e3
```
#b2c4e3 rgb(178,196,227)
```
#c0cfe8
```
#c0cfe8 rgb(192,207,232)
```
#cedaed
```
#cedaed rgb(206,218,237)
```
#dde5f3
```
#dde5f3 rgb(221,229,243)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#545455
```
#545455 rgb(84,84,85)
```
#4e535c
```
#4e535c rgb(78,83,92)
```
#475162
```
#475162 rgb(71,81,98)
```
#414f69
```
#414f69 rgb(65,79,105)
```
#3a4d6f
```
#3a4d6f rgb(58,77,111)
```
#344c76
```
#344c76 rgb(52,76,118)
```
#2d4a7c
```
#2d4a7c rgb(45,74,124)
```
#274883
```
#274883 rgb(39,72,131)
```
#204789
```
#204789 rgb(32,71,137)
```
#1a4590
```
#1a4590 rgb(26,69,144)
```
#134396
```
#134396 rgb(19,67,150)
```
#0d419d
```
#0d419d rgb(13,65,157)
```
#0640a3
```
#0640a3 rgb(6,64,163)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424852 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5281 Protanopia 1% of men
#335482 Deuteranopia 1% of men
#225a61 Tritanopia 0.001% of the population

Trichromacy

#384f7f Protanomaly 1% of men, 0.01% of women
#315080 Deuteranomaly 6% of men, 0.4% of women
#26546b Tritanomaly 0.01% of the population

#2d4a7c hex color

#2d4a7c Color Information

#2d4a7c Color Conversion

Color Schemes with #2d4a7c

Alternatives to #2d4a7c

#2d4a7c Preview

Shades and Tints of #2d4a7c

Tones of #2d4a7c

Color Blindness Simulator