#2b4877 hex color

In a RGB color space, hex #2b4877 is composed of 16.9% red, 28.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 39.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 217.1 degrees, a saturation of 46.9% and a lightness of 31.8%. #2b4877 color hex could be obtained by blending #5690ee with #000000. Closest websafe color is: #333366.

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

● #2b4877 color description : Dark moderate blue.

The hexadecimal color #2b4877 has RGB values of R:43, G:72, B:119 and CMYK values of C:0.64, M:0.39, Y:0, K:0.53. Its decimal value is 2836599.

Hex triplet	2b4877	`#2b4877`
RGB Decimal	43, 72, 119	`rgb(43,72,119)`
RGB Percent	16.9, 28.2, 46.7	`rgb(16.9%,28.2%,46.7%)`
CMYK	64, 39, 0, 53
HSL	217.1°, 46.9, 31.8	`hsl(217.1,46.9%,31.8%)`
HSV (or HSB)	217.1°, 63.9, 46.7
Web Safe	333366	`#333366`

CIE-LAB	30.592, 5.126, -30.146
XYZ	6.643, 6.48, 18.352
xyY	0.211, 0.206, 6.48
CIE-LCH	30.592, 30.579, 279.651
CIE-LUV	30.592, -12.178, -40.293
Hunter-Lab	25.456, 2.033, -24.927
Binary	00101011, 01001000, 01110111

#2b4877
```
#2b4877 rgb(43,72,119)
```
#775a2b
```
#775a2b rgb(119,90,43)
```

Complementary Color

#2b6e77
```
#2b6e77 rgb(43,110,119)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#342b77
```
#342b77 rgb(52,43,119)
```

Analogous Color

#6e772b
```
#6e772b rgb(110,119,43)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#77342b
```
#77342b rgb(119,52,43)
```

Split Complementary Color

#48772b
```
#48772b rgb(72,119,43)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#772b48
```
#772b48 rgb(119,43,72)
```

Triadic Color

#2b775a
```
#2b775a rgb(43,119,90)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#772b48
```
#772b48 rgb(119,43,72)
```
#775a2b
```
#775a2b rgb(119,90,43)
```

Tetradic Color

#17263f
```
#17263f rgb(23,38,63)
```
#1d3152
```
#1d3152 rgb(29,49,82)
```
#243d64
```
#243d64 rgb(36,61,100)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#32538a
```
#32538a rgb(50,83,138)
```
#395f9c
```
#395f9c rgb(57,95,156)
```
#3f6aaf
```
#3f6aaf rgb(63,106,175)
```

Monochromatic Color

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

#2b5b77
```
#2b5b77 rgb(43,91,119)
```
#2b5577
```
#2b5577 rgb(43,85,119)
```
#2b4e77
```
#2b4e77 rgb(43,78,119)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#2b4277
```
#2b4277 rgb(43,66,119)
```
#2b3b77
```
#2b3b77 rgb(43,59,119)
```
#2b3577
```
#2b3577 rgb(43,53,119)
```

Similar Colors

Text with hexadecimal color #2b4877

This text has a font color of #2b4877.

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

#2b4877 background color

This paragraph has a background color of #2b4877.

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

#2b4877 border color

This element has a border color of #2b4877.

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

CSS codes

.text {color:#2b4877;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070b12
```
#070b12 rgb(7,11,18)
```
#0c1421
```
#0c1421 rgb(12,20,33)
```
#111c2f
```
#111c2f rgb(17,28,47)
```
#16253d
```
#16253d rgb(22,37,61)
```
#1b2e4c
```
#1b2e4c rgb(27,46,76)
```
#21375a
```
#21375a rgb(33,55,90)
```
#263f69
```
#263f69 rgb(38,63,105)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#305185
```
#305185 rgb(48,81,133)
```
#355994
```
#355994 rgb(53,89,148)
```
#3b62a2
```
#3b62a2 rgb(59,98,162)
```
#406bb1
```
#406bb1 rgb(64,107,177)
```

Shade Color Variation

#4774bd
```
#4774bd rgb(71,116,189)
```
#567fc2
```
#567fc2 rgb(86,127,194)
```
#648ac7
```
#648ac7 rgb(100,138,199)
```
#7395cc
```
#7395cc rgb(115,149,204)
```
#81a0d1
```
#81a0d1 rgb(129,160,209)
```
#8fabd7
```
#8fabd7 rgb(143,171,215)
```
#9eb6dc
```
#9eb6dc rgb(158,182,220)
```
#acc0e1
```
#acc0e1 rgb(172,192,225)
```
#bbcbe6
```
#bbcbe6 rgb(187,203,230)
```
#c9d6ec
```
#c9d6ec rgb(201,214,236)
```
#d8e1f1
```
#d8e1f1 rgb(216,225,241)
```
#e6ecf6
```
#e6ecf6 rgb(230,236,246)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505152 is the less saturated color, while #063f9c is the most saturated one.

#505152
```
#505152 rgb(80,81,82)
```
#4a4f58
```
#4a4f58 rgb(74,79,88)
```
#444e5e
```
#444e5e rgb(68,78,94)
```
#3e4c64
```
#3e4c64 rgb(62,76,100)
```
#374b6b
```
#374b6b rgb(55,75,107)
```
#314971
```
#314971 rgb(49,73,113)
```
#2b4877
```
#2b4877 rgb(43,72,119)
```
#25477d
```
#25477d rgb(37,71,125)
```
#1f4583
```
#1f4583 rgb(31,69,131)
```
#18448a
```
#18448a rgb(24,68,138)
```
#124290
```
#124290 rgb(18,66,144)
```
#0c4196
```
#0c4196 rgb(12,65,150)
```
#063f9c
```
#063f9c rgb(6,63,156)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#40464f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e507c Protanopia 1% of men
#34517d Deuteranopia 1% of men
#22585e Tritanopia 0.001% of the population

Trichromacy

#374d7a Protanomaly 1% of men, 0.01% of women
#304e7b Deuteranomaly 6% of men, 0.4% of women
#255267 Tritanomaly 0.01% of the population

#2b4877 hex color

#2b4877 Color Information

#2b4877 Color Conversion

Color Schemes with #2b4877

Alternatives to #2b4877

#2b4877 Preview

Shades and Tints of #2b4877

Tones of #2b4877

Color Blindness Simulator