#2d4876 hex color

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

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

● #2d4876 color description : Dark moderate blue.

The hexadecimal color #2d4876 has RGB values of R:45, G:72, B:118 and CMYK values of C:0.62, M:0.39, Y:0, K:0.54. Its decimal value is 2967670.

Hex triplet	2d4876	`#2d4876`
RGB Decimal	45, 72, 118	`rgb(45,72,118)`
RGB Percent	17.6, 28.2, 46.3	`rgb(17.6%,28.2%,46.3%)`
CMYK	62, 39, 0, 54
HSL	217.8°, 44.8, 32	`hsl(217.8,44.8%,32%)`
HSV (or HSB)	217.8°, 61.9, 46.3
Web Safe	333366	`#333366`

CIE-LAB	30.641, 5.186, -29.435
XYZ	6.669, 6.5, 18.042
xyY	0.214, 0.208, 6.5
CIE-LCH	30.641, 29.889, 279.992
CIE-LUV	30.641, -11.681, -39.342
Hunter-Lab	25.496, 2.073, -24.109
Binary	00101101, 01001000, 01110110

#2d4876
```
#2d4876 rgb(45,72,118)
```
#765b2d
```
#765b2d rgb(118,91,45)
```

Complementary Color

#2d6d76
```
#2d6d76 rgb(45,109,118)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#372d76
```
#372d76 rgb(55,45,118)
```

Analogous Color

#6d762d
```
#6d762d rgb(109,118,45)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#76372d
```
#76372d rgb(118,55,45)
```

Split Complementary Color

#48762d
```
#48762d rgb(72,118,45)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#762d48
```
#762d48 rgb(118,45,72)
```

Triadic Color

#2d765b
```
#2d765b rgb(45,118,91)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#762d48
```
#762d48 rgb(118,45,72)
```
#765b2d
```
#765b2d rgb(118,91,45)
```

Tetradic Color

#18263f
```
#18263f rgb(24,38,63)
```
#1f3151
```
#1f3151 rgb(31,49,81)
```
#263d64
```
#263d64 rgb(38,61,100)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#345388
```
#345388 rgb(52,83,136)
```
#3b5f9b
```
#3b5f9b rgb(59,95,155)
```
#426aad
```
#426aad rgb(66,106,173)
```

Monochromatic Color

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

#2d5a76
```
#2d5a76 rgb(45,90,118)
```
#2d5476
```
#2d5476 rgb(45,84,118)
```
#2d4e76
```
#2d4e76 rgb(45,78,118)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#2d4276
```
#2d4276 rgb(45,66,118)
```
#2d3c76
```
#2d3c76 rgb(45,60,118)
```
#2d3676
```
#2d3676 rgb(45,54,118)
```

Similar Colors

Text with hexadecimal color #2d4876

This text has a font color of #2d4876.

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

#2d4876 background color

This paragraph has a background color of #2d4876.

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

#2d4876 border color

This element has a border color of #2d4876.

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

CSS codes

.text {color:#2d4876;}

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

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

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)
```
#0d1421
```
#0d1421 rgb(13,20,33)
```
#121d2f
```
#121d2f rgb(18,29,47)
```
#17253d
```
#17253d rgb(23,37,61)
```
#1d2e4b
```
#1d2e4b rgb(29,46,75)
```
#22375a
```
#22375a rgb(34,55,90)
```
#283f68
```
#283f68 rgb(40,63,104)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#325184
```
#325184 rgb(50,81,132)
```
#385992
```
#385992 rgb(56,89,146)
```
#3d62a1
```
#3d62a1 rgb(61,98,161)
```
#436baf
```
#436baf rgb(67,107,175)
```

Shade Color Variation

#4b74ba
```
#4b74ba rgb(75,116,186)
```
#597fc0
```
#597fc0 rgb(89,127,192)
```
#678ac5
```
#678ac5 rgb(103,138,197)
```
#7595cb
```
#7595cb rgb(117,149,203)
```
#84a0d0
```
#84a0d0 rgb(132,160,208)
```
#92abd5
```
#92abd5 rgb(146,171,213)
```
#a0b6db
```
#a0b6db rgb(160,182,219)
```
#aec1e0
```
#aec1e0 rgb(174,193,224)
```
#bccce6
```
#bccce6 rgb(188,204,230)
```
#cbd7eb
```
#cbd7eb rgb(203,215,235)
```
#d9e2f0
```
#d9e2f0 rgb(217,226,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 #013da2 is the most saturated one.

#4c5057
```
#4c5057 rgb(76,80,87)
```
#464f5d
```
#464f5d rgb(70,79,93)
```
#404d63
```
#404d63 rgb(64,77,99)
```
#3a4b69
```
#3a4b69 rgb(58,75,105)
```
#334a70
```
#334a70 rgb(51,74,112)
```
#2d4876
```
#2d4876 rgb(45,72,118)
```
#27467c
```
#27467c rgb(39,70,124)
```
#204583
```
#204583 rgb(32,69,131)
```
#1a4389
```
#1a4389 rgb(26,67,137)
```
#14418f
```
#14418f rgb(20,65,143)
```
#0e4095
```
#0e4095 rgb(14,64,149)
```
#073e9c
```
#073e9c rgb(7,62,156)
```
#013da2
```
#013da2 rgb(1,61,162)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#40464f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f507c Protanopia 1% of men
#36517d Deuteranopia 1% of men
#26585e Tritanopia 0.001% of the population

Trichromacy

#384d79 Protanomaly 1% of men, 0.01% of women
#324e7a Deuteranomaly 6% of men, 0.4% of women
#285267 Tritanomaly 0.01% of the population

#2d4876 hex color

#2d4876 Color Information

#2d4876 Color Conversion

Color Schemes with #2d4876

Alternatives to #2d4876

#2d4876 Preview

Shades and Tints of #2d4876

Tones of #2d4876

Color Blindness Simulator