#2d4476 hex color

In a RGB color space, hex #2d4476 is composed of 17.6% red, 26.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 42.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 221.1 degrees, a saturation of 44.8% and a lightness of 32%. #2d4476 color hex could be obtained by blending #5a88ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 46
RGB color chart
- C 62
- M 42
- Y 0
- K 54
CMYK color chart

● #2d4476 color description : Dark moderate blue.

The hexadecimal color #2d4476 has RGB values of R:45, G:68, B:118 and CMYK values of C:0.62, M:0.42, Y:0, K:0.54. Its decimal value is 2966646.

Hex triplet	2d4476	`#2d4476`
RGB Decimal	45, 68, 118	`rgb(45,68,118)`
RGB Percent	17.6, 26.7, 46.3	`rgb(17.6%,26.7%,46.3%)`
CMYK	62, 42, 0, 54
HSL	221.1°, 44.8, 32	`hsl(221.1,44.8%,32%)`
HSV (or HSB)	221.1°, 61.9, 46.3
Web Safe	333366	`#333366`

CIE-LAB	29.412, 7.871, -31.385
XYZ	6.419, 6, 17.958
xyY	0.211, 0.198, 6
CIE-LCH	29.412, 32.357, 284.08
CIE-LUV	29.412, -10.326, -41.694
Hunter-Lab	24.494, 3.909, -26.323
Binary	00101101, 01000100, 01110110

#2d4476
```
#2d4476 rgb(45,68,118)
```
#765f2d
```
#765f2d rgb(118,95,45)
```

Complementary Color

#2d6976
```
#2d6976 rgb(45,105,118)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#3b2d76
```
#3b2d76 rgb(59,45,118)
```

Analogous Color

#69762d
```
#69762d rgb(105,118,45)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#763b2d
```
#763b2d rgb(118,59,45)
```

Split Complementary Color

#44762d
```
#44762d rgb(68,118,45)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#762d44
```
#762d44 rgb(118,45,68)
```

Triadic Color

#2d765f
```
#2d765f rgb(45,118,95)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#762d44
```
#762d44 rgb(118,45,68)
```
#765f2d
```
#765f2d rgb(118,95,45)
```

Tetradic Color

#18243f
```
#18243f rgb(24,36,63)
```
#1f2f51
```
#1f2f51 rgb(31,47,81)
```
#263964
```
#263964 rgb(38,57,100)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#344f88
```
#344f88 rgb(52,79,136)
```
#3b599b
```
#3b599b rgb(59,89,155)
```
#4264ad
```
#4264ad rgb(66,100,173)
```

Monochromatic Color

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

#2d5676
```
#2d5676 rgb(45,86,118)
```
#2d5076
```
#2d5076 rgb(45,80,118)
```
#2d4a76
```
#2d4a76 rgb(45,74,118)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#2d3e76
```
#2d3e76 rgb(45,62,118)
```
#2d3876
```
#2d3876 rgb(45,56,118)
```
#2d3276
```
#2d3276 rgb(45,50,118)
```

Similar Colors

Text with hexadecimal color #2d4476

This text has a font color of #2d4476.

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

#2d4476 background color

This paragraph has a background color of #2d4476.

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

#2d4476 border color

This element has a border color of #2d4476.

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

CSS codes

.text {color:#2d4476;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070b13
```
#070b13 rgb(7,11,19)
```
#0d1321
```
#0d1321 rgb(13,19,33)
```
#121b2f
```
#121b2f rgb(18,27,47)
```
#17233d
```
#17233d rgb(23,35,61)
```
#1d2b4b
```
#1d2b4b rgb(29,43,75)
```
#22345a
```
#22345a rgb(34,52,90)
```
#283c68
```
#283c68 rgb(40,60,104)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#324c84
```
#324c84 rgb(50,76,132)
```
#385492
```
#385492 rgb(56,84,146)
```
#3d5da1
```
#3d5da1 rgb(61,93,161)
```
#4365af
```
#4365af rgb(67,101,175)
```

Shade Color Variation

#4b6eba
```
#4b6eba rgb(75,110,186)
```
#5979c0
```
#5979c0 rgb(89,121,192)
```
#6785c5
```
#6785c5 rgb(103,133,197)
```
#7590cb
```
#7590cb rgb(117,144,203)
```
#849cd0
```
#849cd0 rgb(132,156,208)
```
#92a7d5
```
#92a7d5 rgb(146,167,213)
```
#a0b3db
```
#a0b3db rgb(160,179,219)
```
#aebee0
```
#aebee0 rgb(174,190,224)
```
#bcc9e6
```
#bcc9e6 rgb(188,201,230)
```
#cbd5eb
```
#cbd5eb rgb(203,213,235)
```
#d9e0f0
```
#d9e0f0 rgb(217,224,240)
```
#e7ecf6
```
#e7ecf6 rgb(231,236,246)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#4c5057
```
#4c5057 rgb(76,80,87)
```
#464d5d
```
#464d5d rgb(70,77,93)
```
#404b63
```
#404b63 rgb(64,75,99)
```
#3a4969
```
#3a4969 rgb(58,73,105)
```
#334670
```
#334670 rgb(51,70,112)
```
#2d4476
```
#2d4476 rgb(45,68,118)
```
#27427c
```
#27427c rgb(39,66,124)
```
#203f83
```
#203f83 rgb(32,63,131)
```
#1a3d89
```
#1a3d89 rgb(26,61,137)
```
#143b8f
```
#143b8f rgb(20,59,143)
```
#0e3895
```
#0e3895 rgb(14,56,149)
```
#07369c
```
#07369c rgb(7,54,156)
```
#0134a2
```
#0134a2 rgb(1,52,162)
```

Tone Color Variation

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

#394d7c Protanopia 1% of men
#2e4f7c Deuteranopia 1% of men
#24555b Tritanopia 0.001% of the population

Trichromacy

#354a7a Protanomaly 1% of men, 0.01% of women
#2d4b7a Deuteranomaly 6% of men, 0.4% of women
#274f65 Tritanomaly 0.01% of the population

#2d4476 hex color

#2d4476 Color Information

#2d4476 Color Conversion

Color Schemes with #2d4476

Alternatives to #2d4476

#2d4476 Preview

Shades and Tints of #2d4476

Tones of #2d4476

Color Blindness Simulator