#2d4686 hex color

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

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

● #2d4686 color description : Dark moderate blue.

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

Hex triplet	2d4686	`#2d4686`
RGB Decimal	45, 70, 134	`rgb(45,70,134)`
RGB Percent	17.6, 27.5, 52.5	`rgb(17.6%,27.5%,52.5%)`
CMYK	66, 48, 0, 47
HSL	223.1°, 49.7, 35.1	`hsl(223.1,49.7%,35.1%)`
HSV (or HSB)	223.1°, 66.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	31.018, 12.505, -38.8
XYZ	7.574, 6.659, 23.439
xyY	0.201, 0.177, 6.659
CIE-LCH	31.018, 40.765, 287.863
CIE-LUV	31.018, -11.053, -52.913
Hunter-Lab	25.805, 7.236, -35.791
Binary	00101101, 01000110, 10000110

#2d4686
```
#2d4686 rgb(45,70,134)
```
#866d2d
```
#866d2d rgb(134,109,45)
```

Complementary Color

#2d7386
```
#2d7386 rgb(45,115,134)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#412d86
```
#412d86 rgb(65,45,134)
```

Analogous Color

#73862d
```
#73862d rgb(115,134,45)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#86412d
```
#86412d rgb(134,65,45)
```

Split Complementary Color

#46862d
```
#46862d rgb(70,134,45)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#862d46
```
#862d46 rgb(134,45,70)
```

Triadic Color

#2d866d
```
#2d866d rgb(45,134,109)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#862d46
```
#862d46 rgb(134,45,70)
```
#866d2d
```
#866d2d rgb(134,109,45)
```

Tetradic Color

#1a284d
```
#1a284d rgb(26,40,77)
```
#203260
```
#203260 rgb(32,50,96)
```
#273c73
```
#273c73 rgb(39,60,115)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#335099
```
#335099 rgb(51,80,153)
```
#3a5aac
```
#3a5aac rgb(58,90,172)
```
#4064bf
```
#4064bf rgb(64,100,191)
```

Monochromatic Color

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

#2d5c86
```
#2d5c86 rgb(45,92,134)
```
#2d5586
```
#2d5586 rgb(45,85,134)
```
#2d4d86
```
#2d4d86 rgb(45,77,134)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#2d3f86
```
#2d3f86 rgb(45,63,134)
```
#2d3786
```
#2d3786 rgb(45,55,134)
```
#2d3086
```
#2d3086 rgb(45,48,134)
```

Similar Colors

Text with hexadecimal color #2d4686

This text has a font color of #2d4686.

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

#2d4686 background color

This paragraph has a background color of #2d4686.

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

#2d4686 border color

This element has a border color of #2d4686.

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

CSS codes

.text {color:#2d4686;}

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

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

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)
```
#0a101f
```
#0a101f rgb(10,16,31)
```
#0f182e
```
#0f182e rgb(15,24,46)
```
#14203d
```
#14203d rgb(20,32,61)
```
#19274b
```
#19274b rgb(25,39,75)
```
#1e2f5a
```
#1e2f5a rgb(30,47,90)
```
#233769
```
#233769 rgb(35,55,105)
```
#283e77
```
#283e77 rgb(40,62,119)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#324e95
```
#324e95 rgb(50,78,149)
```
#3755a3
```
#3755a3 rgb(55,85,163)
```
#3c5db2
```
#3c5db2 rgb(60,93,178)
```

Shade Color Variation

#4265c0
```
#4265c0 rgb(66,101,192)
```
#5171c4
```
#5171c4 rgb(81,113,196)
```
#5f7dc9
```
#5f7dc9 rgb(95,125,201)
```
#6e89ce
```
#6e89ce rgb(110,137,206)
```
#7d95d3
```
#7d95d3 rgb(125,149,211)
```
#8ba1d8
```
#8ba1d8 rgb(139,161,216)
```
#9aaddd
```
#9aaddd rgb(154,173,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 #0434af is the most saturated one.

#56585d
```
#56585d rgb(86,88,93)
```
#4f5564
```
#4f5564 rgb(79,85,100)
```
#49526a
```
#49526a rgb(73,82,106)
```
#424f71
```
#424f71 rgb(66,79,113)
```
#3b4c78
```
#3b4c78 rgb(59,76,120)
```
#34497f
```
#34497f rgb(52,73,127)
```
#2d4686
```
#2d4686 rgb(45,70,134)
```
#26438d
```
#26438d rgb(38,67,141)
```
#1f4094
```
#1f4094 rgb(31,64,148)
```
#183d9b
```
#183d9b rgb(24,61,155)
```
#113aa2
```
#113aa2 rgb(17,58,162)
```
#0b37a8
```
#0b37a8 rgb(11,55,168)
```
#0434af
```
#0434af rgb(4,52,175)
```

Tone Color Variation

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

#31508d Protanopia 1% of men
#15538a Deuteranopia 1% of men
#115a60 Tritanopia 0.001% of the population

Trichromacy

#304c8a Protanomaly 1% of men, 0.01% of women
#1e4e88 Deuteranomaly 6% of men, 0.4% of women
#1b526e Tritanomaly 0.01% of the population

#2d4686 hex color

#2d4686 Color Information

#2d4686 Color Conversion

Color Schemes with #2d4686

Alternatives to #2d4686

#2d4686 Preview

Shades and Tints of #2d4686

Tones of #2d4686

Color Blindness Simulator