#2d4786 hex color

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

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

● #2d4786 color description : Dark moderate blue.

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

Hex triplet	2d4786	`#2d4786`
RGB Decimal	45, 71, 134	`rgb(45,71,134)`
RGB Percent	17.6, 27.8, 52.5	`rgb(17.6%,27.8%,52.5%)`
CMYK	66, 47, 0, 47
HSL	222.5°, 49.7, 35.1	`hsl(222.5,49.7%,35.1%)`
HSV (or HSB)	222.5°, 66.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	31.313, 11.828, -38.327
XYZ	7.638, 6.785, 23.46
xyY	0.202, 0.179, 6.785
CIE-LCH	31.313, 40.11, 287.151
CIE-LUV	31.313, -11.366, -52.386
Hunter-Lab	26.048, 6.753, -35.165
Binary	00101101, 01000111, 10000110

#2d4786
```
#2d4786 rgb(45,71,134)
```
#866c2d
```
#866c2d rgb(134,108,45)
```

Complementary Color

#2d7486
```
#2d7486 rgb(45,116,134)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#3f2d86
```
#3f2d86 rgb(63,45,134)
```

Analogous Color

#74862d
```
#74862d rgb(116,134,45)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#86402d
```
#86402d rgb(134,64,45)
```

Split Complementary Color

#47862d
```
#47862d rgb(71,134,45)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#862d47
```
#862d47 rgb(134,45,71)
```

Triadic Color

#2d866c
```
#2d866c rgb(45,134,108)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#862d47
```
#862d47 rgb(134,45,71)
```
#866c2d
```
#866c2d rgb(134,108,45)
```

Tetradic Color

#1a294d
```
#1a294d rgb(26,41,77)
```
#203360
```
#203360 rgb(32,51,96)
```
#273d73
```
#273d73 rgb(39,61,115)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#335199
```
#335199 rgb(51,81,153)
```
#3a5bac
```
#3a5bac rgb(58,91,172)
```
#4065bf
```
#4065bf rgb(64,101,191)
```

Monochromatic Color

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

#2d5d86
```
#2d5d86 rgb(45,93,134)
```
#2d5686
```
#2d5686 rgb(45,86,134)
```
#2d4e86
```
#2d4e86 rgb(45,78,134)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#2d4086
```
#2d4086 rgb(45,64,134)
```
#2d3886
```
#2d3886 rgb(45,56,134)
```
#2d3186
```
#2d3186 rgb(45,49,134)
```

Similar Colors

Text with hexadecimal color #2d4786

This text has a font color of #2d4786.

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

#2d4786 background color

This paragraph has a background color of #2d4786.

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

#2d4786 border color

This element has a border color of #2d4786.

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

CSS codes

.text {color:#2d4786;}

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

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

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)
```
#0f182e
```
#0f182e rgb(15,24,46)
```
#14203d
```
#14203d rgb(20,32,61)
```
#19284b
```
#19284b rgb(25,40,75)
```
#1e305a
```
#1e305a rgb(30,48,90)
```
#233769
```
#233769 rgb(35,55,105)
```
#283f77
```
#283f77 rgb(40,63,119)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#324f95
```
#324f95 rgb(50,79,149)
```
#3757a3
```
#3757a3 rgb(55,87,163)
```
#3c5eb2
```
#3c5eb2 rgb(60,94,178)
```

Shade Color Variation

#4267c0
```
#4267c0 rgb(66,103,192)
```
#5172c4
```
#5172c4 rgb(81,114,196)
```
#5f7ec9
```
#5f7ec9 rgb(95,126,201)
```
#6e8ace
```
#6e8ace rgb(110,138,206)
```
#7d96d3
```
#7d96d3 rgb(125,150,211)
```
#8ba2d8
```
#8ba2d8 rgb(139,162,216)
```
#9aaedd
```
#9aaedd rgb(154,174,221)
```
#a9b9e2
```
#a9b9e2 rgb(169,185,226)
```
#b7c5e7
```
#b7c5e7 rgb(183,197,231)
```
#c6d1ec
```
#c6d1ec rgb(198,209,236)
```
#d5ddf1
```
#d5ddf1 rgb(213,221,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 #0436af is the most saturated one.

#56585d
```
#56585d rgb(86,88,93)
```
#4f5564
```
#4f5564 rgb(79,85,100)
```
#49526a
```
#49526a rgb(73,82,106)
```
#425071
```
#425071 rgb(66,80,113)
```
#3b4d78
```
#3b4d78 rgb(59,77,120)
```
#344a7f
```
#344a7f rgb(52,74,127)
```
#2d4786
```
#2d4786 rgb(45,71,134)
```
#26448d
```
#26448d rgb(38,68,141)
```
#1f4194
```
#1f4194 rgb(31,65,148)
```
#183e9b
```
#183e9b rgb(24,62,155)
```
#113ca2
```
#113ca2 rgb(17,60,162)
```
#0b39a8
```
#0b39a8 rgb(11,57,168)
```
#0436af
```
#0436af rgb(4,54,175)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33518c Protanopia 1% of men
#1a548a Deuteranopia 1% of men
#125a61 Tritanopia 0.001% of the population

Trichromacy

#314d8a Protanomaly 1% of men, 0.01% of women
#214f89 Deuteranomaly 6% of men, 0.4% of women
#1c536e Tritanomaly 0.01% of the population

#2d4786 hex color

#2d4786 Color Information

#2d4786 Color Conversion

Color Schemes with #2d4786

Alternatives to #2d4786

#2d4786 Preview

Shades and Tints of #2d4786

Tones of #2d4786

Color Blindness Simulator