#2b4884 hex color

In a RGB color space, hex #2b4884 is composed of 16.9% red, 28.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 45.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 220.4 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b4884 color hex could be obtained by blending #5690ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 28
- B 52
RGB color chart
- C 67
- M 45
- Y 0
- K 48
CMYK color chart

● #2b4884 color description : Dark moderate blue.

The hexadecimal color #2b4884 has RGB values of R:43, G:72, B:132 and CMYK values of C:0.67, M:0.45, Y:0, K:0.48. Its decimal value is 2836612.

Hex triplet	2b4884	`#2b4884`
RGB Decimal	43, 72, 132	`rgb(43,72,132)`
RGB Percent	16.9, 28.2, 51.8	`rgb(16.9%,28.2%,51.8%)`
CMYK	67, 45, 0, 48
HSL	220.4°, 50.9, 34.3	`hsl(220.4,50.9%,34.3%)`
HSV (or HSB)	220.4°, 67.4, 51.8
Web Safe	333399	`#333399`

CIE-LAB	31.379, 10.024, -36.989
XYZ	7.478, 6.814, 22.75
xyY	0.202, 0.184, 6.814
CIE-LCH	31.379, 38.323, 285.163
CIE-LUV	31.379, -12.132, -50.457
Hunter-Lab	26.103, 5.453, -33.401
Binary	00101011, 01001000, 10000100

#2b4884
```
#2b4884 rgb(43,72,132)
```
#84672b
```
#84672b rgb(132,103,43)
```

Complementary Color

#2b7584
```
#2b7584 rgb(43,117,132)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#3a2b84
```
#3a2b84 rgb(58,43,132)
```

Analogous Color

#75842b
```
#75842b rgb(117,132,43)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#843a2b
```
#843a2b rgb(132,58,43)
```

Split Complementary Color

#48842b
```
#48842b rgb(72,132,43)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#842b48
```
#842b48 rgb(132,43,72)
```

Triadic Color

#2b8467
```
#2b8467 rgb(43,132,103)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#842b48
```
#842b48 rgb(132,43,72)
```
#84672b
```
#84672b rgb(132,103,43)
```

Tetradic Color

#18294a
```
#18294a rgb(24,41,74)
```
#1e335e
```
#1e335e rgb(30,51,94)
```
#253e71
```
#253e71 rgb(37,62,113)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#315297
```
#315297 rgb(49,82,151)
```
#385daa
```
#385daa rgb(56,93,170)
```
#3e67be
```
#3e67be rgb(62,103,190)
```

Monochromatic Color

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

#2b5e84
```
#2b5e84 rgb(43,94,132)
```
#2b5784
```
#2b5784 rgb(43,87,132)
```
#2b4f84
```
#2b4f84 rgb(43,79,132)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#2b4184
```
#2b4184 rgb(43,65,132)
```
#2b3984
```
#2b3984 rgb(43,57,132)
```
#2b3284
```
#2b3284 rgb(43,50,132)
```

Similar Colors

Text with hexadecimal color #2b4884

This text has a font color of #2b4884.

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

#2b4884 background color

This paragraph has a background color of #2b4884.

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

#2b4884 border color

This element has a border color of #2b4884.

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

CSS codes

.text {color:#2b4884;}

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

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

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, #04070e is the darkest color, while #fefeff is the lightest one.

#04070e
```
#04070e rgb(4,7,14)
```
#09101c
```
#09101c rgb(9,16,28)
```
#0e182b
```
#0e182b rgb(14,24,43)
```
#13203a
```
#13203a rgb(19,32,58)
```
#182849
```
#182849 rgb(24,40,73)
```
#1d3058
```
#1d3058 rgb(29,48,88)
```
#213866
```
#213866 rgb(33,56,102)
```
#264075
```
#264075 rgb(38,64,117)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#305093
```
#305093 rgb(48,80,147)
```
#3558a2
```
#3558a2 rgb(53,88,162)
```
#3960b0
```
#3960b0 rgb(57,96,176)
```
#3e68bf
```
#3e68bf rgb(62,104,191)
```

Shade Color Variation

#4c74c5
```
#4c74c5 rgb(76,116,197)
```
#5b7fca
```
#5b7fca rgb(91,127,202)
```
#6a8bce
```
#6a8bce rgb(106,139,206)
```
#7996d3
```
#7996d3 rgb(121,150,211)
```
#87a2d8
```
#87a2d8 rgb(135,162,216)
```
#96addd
```
#96addd rgb(150,173,221)
```
#a5b9e2
```
#a5b9e2 rgb(165,185,226)
```
#b4c4e7
```
#b4c4e7 rgb(180,196,231)
```
#c3d0eb
```
#c3d0eb rgb(195,208,235)
```
#d1dbf0
```
#d1dbf0 rgb(209,219,240)
```
#e0e7f5
```
#e0e7f5 rgb(224,231,245)
```
#eff3fa
```
#eff3fa rgb(239,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53565c is the less saturated color, while #033aac is the most saturated one.

#53565c
```
#53565c rgb(83,86,92)
```
#4d5462
```
#4d5462 rgb(77,84,98)
```
#465169
```
#465169 rgb(70,81,105)
```
#3f4f70
```
#3f4f70 rgb(63,79,112)
```
#384d77
```
#384d77 rgb(56,77,119)
```
#324a7d
```
#324a7d rgb(50,74,125)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#24468b
```
#24468b rgb(36,70,139)
```
#1e4391
```
#1e4391 rgb(30,67,145)
```
#174198
```
#174198 rgb(23,65,152)
```
#103f9f
```
#103f9f rgb(16,63,159)
```
#093ca6
```
#093ca6 rgb(9,60,166)
```
#033aac
```
#033aac rgb(3,58,172)
```

Tone Color Variation

Below, you can see how #2b4884 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
#414652 Atypical Achromatopsia 0.001% of the population

Dichromacy

#36518a Protanopia 1% of men
#215489 Deuteranopia 1% of men
#0f5b61 Tritanopia 0.001% of the population

Trichromacy

#324d88 Protanomaly 1% of men, 0.01% of women
#254f87 Deuteranomaly 6% of men, 0.4% of women
#19546e Tritanomaly 0.01% of the population

#2b4884 hex color

#2b4884 Color Information

#2b4884 Color Conversion

Color Schemes with #2b4884

Alternatives to #2b4884

#2b4884 Preview

Shades and Tints of #2b4884

Tones of #2b4884

Color Blindness Simulator