#2d4474 hex color

In a RGB color space, hex #2d4474 is composed of 17.6% red, 26.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 41.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 220.6 degrees, a saturation of 44.1% and a lightness of 31.6%. #2d4474 color hex could be obtained by blending #5a88e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 45
RGB color chart
- C 61
- M 41
- Y 0
- K 55
CMYK color chart

● #2d4474 color description : Dark moderate blue.

The hexadecimal color #2d4474 has RGB values of R:45, G:68, B:116 and CMYK values of C:0.61, M:0.41, Y:0, K:0.55. Its decimal value is 2966644.

Hex triplet	2d4474	`#2d4474`
RGB Decimal	45, 68, 116	`rgb(45,68,116)`
RGB Percent	17.6, 26.7, 45.5	`rgb(17.6%,26.7%,45.5%)`
CMYK	61, 41, 0, 55
HSL	220.6°, 44.1, 31.6	`hsl(220.6,44.1%,31.6%)`
HSV (or HSB)	220.6°, 61.2, 45.5
Web Safe	333366	`#333366`

CIE-LAB	29.293, 7.133, -30.314
XYZ	6.301, 5.953, 17.339
xyY	0.213, 0.201, 5.953
CIE-LCH	29.293, 31.142, 283.241
CIE-LUV	29.293, -10.317, -40.132
Hunter-Lab	24.398, 3.402, -25.057
Binary	00101101, 01000100, 01110100

#2d4474
```
#2d4474 rgb(45,68,116)
```
#745d2d
```
#745d2d rgb(116,93,45)
```

Complementary Color

#2d6874
```
#2d6874 rgb(45,104,116)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#392d74
```
#392d74 rgb(57,45,116)
```

Analogous Color

#68742d
```
#68742d rgb(104,116,45)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#743a2d
```
#743a2d rgb(116,58,45)
```

Split Complementary Color

#44742d
```
#44742d rgb(68,116,45)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#742d44
```
#742d44 rgb(116,45,68)
```

Triadic Color

#2d745d
```
#2d745d rgb(45,116,93)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#742d44
```
#742d44 rgb(116,45,68)
```
#745d2d
```
#745d2d rgb(116,93,45)
```

Tetradic Color

#18243d
```
#18243d rgb(24,36,61)
```
#1f2e4f
```
#1f2e4f rgb(31,46,79)
```
#263962
```
#263962 rgb(38,57,98)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#344f86
```
#344f86 rgb(52,79,134)
```
#3b5a99
```
#3b5a99 rgb(59,90,153)
```
#4264ab
```
#4264ab rgb(66,100,171)
```

Monochromatic Color

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

#2d5674
```
#2d5674 rgb(45,86,116)
```
#2d5074
```
#2d5074 rgb(45,80,116)
```
#2d4a74
```
#2d4a74 rgb(45,74,116)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#2d3e74
```
#2d3e74 rgb(45,62,116)
```
#2d3874
```
#2d3874 rgb(45,56,116)
```
#2d3274
```
#2d3274 rgb(45,50,116)
```

Similar Colors

Text with hexadecimal color #2d4474

This text has a font color of #2d4474.

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

#2d4474 background color

This paragraph has a background color of #2d4474.

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

#2d4474 border color

This element has a border color of #2d4474.

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

CSS codes

.text {color:#2d4474;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070a11
```
#070a11 rgb(7,10,17)
```
#0c121f
```
#0c121f rgb(12,18,31)
```
#121b2d
```
#121b2d rgb(18,27,45)
```
#17233b
```
#17233b rgb(23,35,59)
```
#1d2b4a
```
#1d2b4a rgb(29,43,74)
```
#223358
```
#223358 rgb(34,51,88)
```
#283c66
```
#283c66 rgb(40,60,102)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#324c82
```
#324c82 rgb(50,76,130)
```
#385590
```
#385590 rgb(56,85,144)
```
#3d5d9e
```
#3d5d9e rgb(61,93,158)
```
#4365ad
```
#4365ad rgb(67,101,173)
```

Shade Color Variation

#4a6eb9
```
#4a6eb9 rgb(74,110,185)
```
#5879be
```
#5879be rgb(88,121,190)
```
#6685c4
```
#6685c4 rgb(102,133,196)
```
#7590c9
```
#7590c9 rgb(117,144,201)
```
#839bcf
```
#839bcf rgb(131,155,207)
```
#91a7d4
```
#91a7d4 rgb(145,167,212)
```
#9fb2da
```
#9fb2da rgb(159,178,218)
```
#adbddf
```
#adbddf rgb(173,189,223)
```
#bbc9e5
```
#bbc9e5 rgb(187,201,229)
```
#c9d4ea
```
#c9d4ea rgb(201,212,234)
```
#d8dff0
```
#d8dff0 rgb(216,223,240)
```
#e6ebf5
```
#e6ebf5 rgb(230,235,245)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4f55 is the less saturated color, while #02359f is the most saturated one.

#4c4f55
```
#4c4f55 rgb(76,79,85)
```
#464d5b
```
#464d5b rgb(70,77,91)
```
#404b61
```
#404b61 rgb(64,75,97)
```
#394868
```
#394868 rgb(57,72,104)
```
#33466e
```
#33466e rgb(51,70,110)
```
#2d4474
```
#2d4474 rgb(45,68,116)
```
#27427a
```
#27427a rgb(39,66,122)
```
#214080
```
#214080 rgb(33,64,128)
```
#1a3d87
```
#1a3d87 rgb(26,61,135)
```
#143b8d
```
#143b8d rgb(20,59,141)
```
#0e3993
```
#0e3993 rgb(14,57,147)
```
#083799
```
#083799 rgb(8,55,153)
```
#02359f
```
#02359f rgb(2,53,159)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f434d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4d7a Protanopia 1% of men
#304f7a Deuteranopia 1% of men
#26545b Tritanopia 0.001% of the population

Trichromacy

#354978 Protanomaly 1% of men, 0.01% of women
#2f4b78 Deuteranomaly 6% of men, 0.4% of women
#284e64 Tritanomaly 0.01% of the population

#2d4474 hex color

#2d4474 Color Information

#2d4474 Color Conversion

Color Schemes with #2d4474

Alternatives to #2d4474

#2d4474 Preview

Shades and Tints of #2d4474

Tones of #2d4474

Color Blindness Simulator