#2d4986 hex color

In a RGB color space, hex #2d4986 is composed of 17.6% red, 28.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 45.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 221.1 degrees, a saturation of 49.7% and a lightness of 35.1%. #2d4986 color hex could be obtained by blending #5a92ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 29
- B 53
RGB color chart
- C 66
- M 46
- Y 0
- K 47
CMYK color chart

● #2d4986 color description : Dark moderate blue.

The hexadecimal color #2d4986 has RGB values of R:45, G:73, B:134 and CMYK values of C:0.66, M:0.46, Y:0, K:0.47. Its decimal value is 2967942.

Hex triplet	2d4986	`#2d4986`
RGB Decimal	45, 73, 134	`rgb(45,73,134)`
RGB Percent	17.6, 28.6, 52.5	`rgb(17.6%,28.6%,52.5%)`
CMYK	66, 46, 0, 47
HSL	221.1°, 49.7, 35.1	`hsl(221.1,49.7%,35.1%)`
HSV (or HSB)	221.1°, 66.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	31.906, 10.481, -37.377
XYZ	7.767, 7.044, 23.503
xyY	0.203, 0.184, 7.044
CIE-LCH	31.906, 38.818, 285.664
CIE-LUV	31.906, -12.001, -51.3
Hunter-Lab	26.54, 5.793, -33.928
Binary	00101101, 01001001, 10000110

#2d4986
```
#2d4986 rgb(45,73,134)
```
#866a2d
```
#866a2d rgb(134,106,45)
```

Complementary Color

#2d7686
```
#2d7686 rgb(45,118,134)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#3e2d86
```
#3e2d86 rgb(62,45,134)
```

Analogous Color

#76862d
```
#76862d rgb(118,134,45)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#863e2d
```
#863e2d rgb(134,62,45)
```

Split Complementary Color

#49862d
```
#49862d rgb(73,134,45)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#862d49
```
#862d49 rgb(134,45,73)
```

Triadic Color

#2d866a
```
#2d866a rgb(45,134,106)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#862d49
```
#862d49 rgb(134,45,73)
```
#866a2d
```
#866a2d rgb(134,106,45)
```

Tetradic Color

#1a2a4d
```
#1a2a4d rgb(26,42,77)
```
#203460
```
#203460 rgb(32,52,96)
```
#273f73
```
#273f73 rgb(39,63,115)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#335399
```
#335399 rgb(51,83,153)
```
#3a5eac
```
#3a5eac rgb(58,94,172)
```
#4068bf
```
#4068bf rgb(64,104,191)
```

Monochromatic Color

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

#2d5f86
```
#2d5f86 rgb(45,95,134)
```
#2d5886
```
#2d5886 rgb(45,88,134)
```
#2d5086
```
#2d5086 rgb(45,80,134)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#2d4286
```
#2d4286 rgb(45,66,134)
```
#2d3a86
```
#2d3a86 rgb(45,58,134)
```
#2d3386
```
#2d3386 rgb(45,51,134)
```

Similar Colors

Text with hexadecimal color #2d4986

This text has a font color of #2d4986.

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

#2d4986 background color

This paragraph has a background color of #2d4986.

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

#2d4986 border color

This element has a border color of #2d4986.

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

CSS codes

.text {color:#2d4986;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060911
```
#060911 rgb(6,9,17)
```
#0a111f
```
#0a111f rgb(10,17,31)
```
#0f192e
```
#0f192e rgb(15,25,46)
```
#14213d
```
#14213d rgb(20,33,61)
```
#19294b
```
#19294b rgb(25,41,75)
```
#1e315a
```
#1e315a rgb(30,49,90)
```
#233969
```
#233969 rgb(35,57,105)
```
#284177
```
#284177 rgb(40,65,119)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#325195
```
#325195 rgb(50,81,149)
```
#3759a3
```
#3759a3 rgb(55,89,163)
```
#3c61b2
```
#3c61b2 rgb(60,97,178)
```

Shade Color Variation

#4269c0
```
#4269c0 rgb(66,105,192)
```
#5175c4
```
#5175c4 rgb(81,117,196)
```
#5f81c9
```
#5f81c9 rgb(95,129,201)
```
#6e8cce
```
#6e8cce rgb(110,140,206)
```
#7d98d3
```
#7d98d3 rgb(125,152,211)
```
#8ba4d8
```
#8ba4d8 rgb(139,164,216)
```
#9aafdd
```
#9aafdd rgb(154,175,221)
```
#a9bbe2
```
#a9bbe2 rgb(169,187,226)
```
#b7c6e7
```
#b7c6e7 rgb(183,198,231)
```
#c6d2ec
```
#c6d2ec rgb(198,210,236)
```
#d5def1
```
#d5def1 rgb(213,222,241)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56585d is the less saturated color, while #043aaf is the most saturated one.

#56585d
```
#56585d rgb(86,88,93)
```
#4f5664
```
#4f5664 rgb(79,86,100)
```
#49536a
```
#49536a rgb(73,83,106)
```
#425171
```
#425171 rgb(66,81,113)
```
#3b4e78
```
#3b4e78 rgb(59,78,120)
```
#344c7f
```
#344c7f rgb(52,76,127)
```
#2d4986
```
#2d4986 rgb(45,73,134)
```
#26468d
```
#26468d rgb(38,70,141)
```
#1f4494
```
#1f4494 rgb(31,68,148)
```
#18419b
```
#18419b rgb(24,65,155)
```
#113fa2
```
#113fa2 rgb(17,63,162)
```
#0b3ca8
```
#0b3ca8 rgb(11,60,168)
```
#043aaf
```
#043aaf rgb(4,58,175)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#37528c Protanopia 1% of men
#22558b Deuteranopia 1% of men
#155c63 Tritanopia 0.001% of the population

Trichromacy

#334f8a Protanomaly 1% of men, 0.01% of women
#265089 Deuteranomaly 6% of men, 0.4% of women
#1d556f Tritanomaly 0.01% of the population

#2d4986 hex color

#2d4986 Color Information

#2d4986 Color Conversion

Color Schemes with #2d4986

Alternatives to #2d4986

#2d4986 Preview

Shades and Tints of #2d4986

Tones of #2d4986

Color Blindness Simulator