#2d5387 hex color

In a RGB color space, hex #2d5387 is composed of 17.6% red, 32.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 38.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 214.7 degrees, a saturation of 50% and a lightness of 35.3%. #2d5387 color hex could be obtained by blending #5aa6ff with #00000f. Closest websafe color is: #336699.

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

● #2d5387 color description : Dark moderate blue.

The hexadecimal color #2d5387 has RGB values of R:45, G:83, B:135 and CMYK values of C:0.67, M:0.39, Y:0, K:0.47. Its decimal value is 2970503.

Hex triplet	2d5387	`#2d5387`
RGB Decimal	45, 83, 135	`rgb(45,83,135)`
RGB Percent	17.6, 32.5, 52.9	`rgb(17.6%,32.5%,52.9%)`
CMYK	67, 39, 0, 47
HSL	214.7°, 50, 35.3	`hsl(214.7,50%,35.3%)`
HSV (or HSB)	214.7°, 66.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	34.989, 4.231, -33.083
XYZ	8.548, 8.493, 24.109
xyY	0.208, 0.206, 8.493
CIE-LCH	34.989, 33.353, 277.287
CIE-LUV	34.989, -15.318, -46.089
Hunter-Lab	29.143, 1.354, -28.649
Binary	00101101, 01010011, 10000111

#2d5387
```
#2d5387 rgb(45,83,135)
```
#87612d
```
#87612d rgb(135,97,45)
```

Complementary Color

#2d8087
```
#2d8087 rgb(45,128,135)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#342d87
```
#342d87 rgb(52,45,135)
```

Analogous Color

#80872d
```
#80872d rgb(128,135,45)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#87342d
```
#87342d rgb(135,52,45)
```

Split Complementary Color

#53872d
```
#53872d rgb(83,135,45)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#872d53
```
#872d53 rgb(135,45,83)
```

Triadic Color

#2d8761
```
#2d8761 rgb(45,135,97)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#872d53
```
#872d53 rgb(135,45,83)
```
#87612d
```
#87612d rgb(135,97,45)
```

Tetradic Color

#1a304e
```
#1a304e rgb(26,48,78)
```
#203b61
```
#203b61 rgb(32,59,97)
```
#274774
```
#274774 rgb(39,71,116)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#335f9a
```
#335f9a rgb(51,95,154)
```
#3a6bad
```
#3a6bad rgb(58,107,173)
```
#4176c0
```
#4176c0 rgb(65,118,192)
```

Monochromatic Color

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

#2d6a87
```
#2d6a87 rgb(45,106,135)
```
#2d6287
```
#2d6287 rgb(45,98,135)
```
#2d5b87
```
#2d5b87 rgb(45,91,135)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#2d4c87
```
#2d4c87 rgb(45,76,135)
```
#2d4487
```
#2d4487 rgb(45,68,135)
```
#2d3d87
```
#2d3d87 rgb(45,61,135)
```

Similar Colors

Text with hexadecimal color #2d5387

This text has a font color of #2d5387.

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

#2d5387 background color

This paragraph has a background color of #2d5387.

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

#2d5387 border color

This element has a border color of #2d5387.

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

CSS codes

.text {color:#2d5387;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101d2f
```
#101d2f rgb(16,29,47)
```
#14263d
```
#14263d rgb(20,38,61)
```
#192f4c
```
#192f4c rgb(25,47,76)
```
#1e385b
```
#1e385b rgb(30,56,91)
```
#23416a
```
#23416a rgb(35,65,106)
```
#284a78
```
#284a78 rgb(40,74,120)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#325c96
```
#325c96 rgb(50,92,150)
```
#3765a4
```
#3765a4 rgb(55,101,164)
```
#3c6eb3
```
#3c6eb3 rgb(60,110,179)
```

Shade Color Variation

#4277c0
```
#4277c0 rgb(66,119,192)
```
#5182c5
```
#5182c5 rgb(81,130,197)
```
#608dca
```
#608dca rgb(96,141,202)
```
#6e97cf
```
#6e97cf rgb(110,151,207)
```
#7da2d4
```
#7da2d4 rgb(125,162,212)
```
#8cacd9
```
#8cacd9 rgb(140,172,217)
```
#9bb7de
```
#9bb7de rgb(155,183,222)
```
#a9c1e2
```
#a9c1e2 rgb(169,193,226)
```
#b8cce7
```
#b8cce7 rgb(184,204,231)
```
#c7d7ec
```
#c7d7ec rgb(199,215,236)
```
#d5e1f1
```
#d5e1f1 rgb(213,225,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#57595d
```
#57595d rgb(87,89,93)
```
#505864
```
#505864 rgb(80,88,100)
```
#49576b
```
#49576b rgb(73,87,107)
```
#425672
```
#425672 rgb(66,86,114)
```
#3b5579
```
#3b5579 rgb(59,85,121)
```
#345480
```
#345480 rgb(52,84,128)
```
#2d5387
```
#2d5387 rgb(45,83,135)
```
#26528e
```
#26528e rgb(38,82,142)
```
#1f5195
```
#1f5195 rgb(31,81,149)
```
#18509c
```
#18509c rgb(24,80,156)
```
#114fa3
```
#114fa3 rgb(17,79,163)
```
#0a4eaa
```
#0a4eaa rgb(10,78,170)
```
#034db1
```
#034db1 rgb(3,77,177)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46598b Protanopia 1% of men
#395b8d Deuteranopia 1% of men
#1d636a Tritanopia 0.001% of the population

Trichromacy

#3d5789 Protanomaly 1% of men, 0.01% of women
#35588b Deuteranomaly 6% of men, 0.4% of women
#225d75 Tritanomaly 0.01% of the population

#2d5387 hex color

#2d5387 Color Information

#2d5387 Color Conversion

Color Schemes with #2d5387

Alternatives to #2d5387

#2d5387 Preview

Shades and Tints of #2d5387

Tones of #2d5387

Color Blindness Simulator