#2b5387 hex color

In a RGB color space, hex #2b5387 is composed of 16.9% red, 32.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 38.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 213.9 degrees, a saturation of 51.7% and a lightness of 34.9%. #2b5387 color hex could be obtained by blending #56a6ff with #00000f. Closest websafe color is: #336699.

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

● #2b5387 color description : Dark moderate blue.

The hexadecimal color #2b5387 has RGB values of R:43, G:83, B:135 and CMYK values of C:0.68, M:0.39, Y:0, K:0.47. Its decimal value is 2839431.

Hex triplet	2b5387	`#2b5387`
RGB Decimal	43, 83, 135	`rgb(43,83,135)`
RGB Percent	16.9, 32.5, 52.9	`rgb(16.9%,32.5%,52.9%)`
CMYK	68, 39, 0, 47
HSL	213.9°, 51.7, 34.9	`hsl(213.9,51.7%,34.9%)`
HSV (or HSB)	213.9°, 68.1, 52.9
Web Safe	336699	`#336699`

CIE-LAB	34.901, 3.86, -33.23
XYZ	8.462, 8.449, 24.105
xyY	0.206, 0.206, 8.449
CIE-LCH	34.901, 33.453, 276.626
CIE-LUV	34.901, -15.757, -46.232
Hunter-Lab	29.067, 1.097, -28.823
Binary	00101011, 01010011, 10000111

#2b5387
```
#2b5387 rgb(43,83,135)
```
#875f2b
```
#875f2b rgb(135,95,43)
```

Complementary Color

#2b8187
```
#2b8187 rgb(43,129,135)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#312b87
```
#312b87 rgb(49,43,135)
```

Analogous Color

#81872b
```
#81872b rgb(129,135,43)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#87312b
```
#87312b rgb(135,49,43)
```

Split Complementary Color

#53872b
```
#53872b rgb(83,135,43)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#872b53
```
#872b53 rgb(135,43,83)
```

Triadic Color

#2b875f
```
#2b875f rgb(43,135,95)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#872b53
```
#872b53 rgb(135,43,83)
```
#875f2b
```
#875f2b rgb(135,95,43)
```

Tetradic Color

#192f4d
```
#192f4d rgb(25,47,77)
```
#1f3b60
```
#1f3b60 rgb(31,59,96)
```
#254774
```
#254774 rgb(37,71,116)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#315f9a
```
#315f9a rgb(49,95,154)
```
#376bae
```
#376bae rgb(55,107,174)
```
#3d77c1
```
#3d77c1 rgb(61,119,193)
```

Monochromatic Color

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

#2b6a87
```
#2b6a87 rgb(43,106,135)
```
#2b6287
```
#2b6287 rgb(43,98,135)
```
#2b5b87
```
#2b5b87 rgb(43,91,135)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#2b4b87
```
#2b4b87 rgb(43,75,135)
```
#2b4487
```
#2b4487 rgb(43,68,135)
```
#2b3c87
```
#2b3c87 rgb(43,60,135)
```

Similar Colors

Text with hexadecimal color #2b5387

This text has a font color of #2b5387.

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

#2b5387 background color

This paragraph has a background color of #2b5387.

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

#2b5387 border color

This element has a border color of #2b5387.

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

CSS codes

.text {color:#2b5387;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050a10
```
#050a10 rgb(5,10,16)
```
#0a131f
```
#0a131f rgb(10,19,31)
```
#0f1c2e
```
#0f1c2e rgb(15,28,46)
```
#13253d
```
#13253d rgb(19,37,61)
```
#182e4b
```
#182e4b rgb(24,46,75)
```
#1d385a
```
#1d385a rgb(29,56,90)
```
#224169
```
#224169 rgb(34,65,105)
```
#264a78
```
#264a78 rgb(38,74,120)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#305c96
```
#305c96 rgb(48,92,150)
```
#3465a5
```
#3465a5 rgb(52,101,165)
```
#396eb4
```
#396eb4 rgb(57,110,180)
```

Shade Color Variation

#3f78c2
```
#3f78c2 rgb(63,120,194)
```
#4e82c6
```
#4e82c6 rgb(78,130,198)
```
#5c8dcb
```
#5c8dcb rgb(92,141,203)
```
#6b97d0
```
#6b97d0 rgb(107,151,208)
```
#7aa2d5
```
#7aa2d5 rgb(122,162,213)
```
#89acd9
```
#89acd9 rgb(137,172,217)
```
#98b6de
```
#98b6de rgb(152,182,222)
```
#a7c1e3
```
#a7c1e3 rgb(167,193,227)
```
#b6cbe8
```
#b6cbe8 rgb(182,203,232)
```
#c5d6ec
```
#c5d6ec rgb(197,214,236)
```
#d3e0f1
```
#d3e0f1 rgb(211,224,241)
```
#e2ebf6
```
#e2ebf6 rgb(226,235,246)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54585e is the less saturated color, while #024eb0 is the most saturated one.

#54585e
```
#54585e rgb(84,88,94)
```
#4d5765
```
#4d5765 rgb(77,87,101)
```
#46576c
```
#46576c rgb(70,87,108)
```
#405672
```
#405672 rgb(64,86,114)
```
#395579
```
#395579 rgb(57,85,121)
```
#325480
```
#325480 rgb(50,84,128)
```
#2b5387
```
#2b5387 rgb(43,83,135)
```
#24528e
```
#24528e rgb(36,82,142)
```
#1d5195
```
#1d5195 rgb(29,81,149)
```
#16509c
```
#16509c rgb(22,80,156)
```
#104fa2
```
#104fa2 rgb(16,79,162)
```
#094fa9
```
#094fa9 rgb(9,79,169)
```
#024eb0
```
#024eb0 rgb(2,78,176)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3c5789 Protanomaly 1% of men, 0.01% of women
#34588b Deuteranomaly 6% of men, 0.4% of women
#1e5d75 Tritanomaly 0.01% of the population

#2b5387 hex color

#2b5387 Color Information

#2b5387 Color Conversion

Color Schemes with #2b5387

Alternatives to #2b5387

#2b5387 Preview

Shades and Tints of #2b5387

Tones of #2b5387

Color Blindness Simulator