#2b4d84 hex color

In a RGB color space, hex #2b4d84 is composed of 16.9% red, 30.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 41.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 217.1 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b4d84 color hex could be obtained by blending #569aff with #000009. Closest websafe color is: #336699.

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

● #2b4d84 color description : Dark moderate blue.

The hexadecimal color #2b4d84 has RGB values of R:43, G:77, B:132 and CMYK values of C:0.67, M:0.42, Y:0, K:0.48. Its decimal value is 2837892.

Hex triplet	2b4d84	`#2b4d84`
RGB Decimal	43, 77, 132	`rgb(43,77,132)`
RGB Percent	16.9, 30.2, 51.8	`rgb(16.9%,30.2%,51.8%)`
CMYK	67, 42, 0, 48
HSL	217.1°, 50.9, 34.3	`hsl(217.1,50.9%,34.3%)`
HSV (or HSB)	217.1°, 67.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	32.89, 6.677, -34.579
XYZ	7.814, 7.487, 22.862
xyY	0.205, 0.196, 7.487
CIE-LCH	32.89, 35.217, 280.93
CIE-LUV	32.89, -13.768, -47.571
Hunter-Lab	27.362, 3.093, -30.385
Binary	00101011, 01001101, 10000100

#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#84622b
```
#84622b rgb(132,98,43)
```

Complementary Color

#2b7a84
```
#2b7a84 rgb(43,122,132)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#362b84
```
#362b84 rgb(54,43,132)
```

Analogous Color

#7a842b
```
#7a842b rgb(122,132,43)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#84352b
```
#84352b rgb(132,53,43)
```

Split Complementary Color

#4d842b
```
#4d842b rgb(77,132,43)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#842b4d
```
#842b4d rgb(132,43,77)
```

Triadic Color

#2b8462
```
#2b8462 rgb(43,132,98)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#842b4d
```
#842b4d rgb(132,43,77)
```
#84622b
```
#84622b rgb(132,98,43)
```

Tetradic Color

#182b4a
```
#182b4a rgb(24,43,74)
```
#1e375e
```
#1e375e rgb(30,55,94)
```
#254271
```
#254271 rgb(37,66,113)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#315897
```
#315897 rgb(49,88,151)
```
#3863aa
```
#3863aa rgb(56,99,170)
```
#3e6fbe
```
#3e6fbe rgb(62,111,190)
```

Monochromatic Color

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

#2b6384
```
#2b6384 rgb(43,99,132)
```
#2b5c84
```
#2b5c84 rgb(43,92,132)
```
#2b5484
```
#2b5484 rgb(43,84,132)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#2b4684
```
#2b4684 rgb(43,70,132)
```
#2b3e84
```
#2b3e84 rgb(43,62,132)
```
#2b3784
```
#2b3784 rgb(43,55,132)
```

Similar Colors

Text with hexadecimal color #2b4d84

This text has a font color of #2b4d84.

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

#2b4d84 background color

This paragraph has a background color of #2b4d84.

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

#2b4d84 border color

This element has a border color of #2b4d84.

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

CSS codes

.text {color:#2b4d84;}

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

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

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

#04080e
```
#04080e rgb(4,8,14)
```
#09111c
```
#09111c rgb(9,17,28)
```
#0e192b
```
#0e192b rgb(14,25,43)
```
#13223a
```
#13223a rgb(19,34,58)
```
#182a49
```
#182a49 rgb(24,42,73)
```
#1d3358
```
#1d3358 rgb(29,51,88)
```
#213c66
```
#213c66 rgb(33,60,102)
```
#264475
```
#264475 rgb(38,68,117)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#305693
```
#305693 rgb(48,86,147)
```
#355ea2
```
#355ea2 rgb(53,94,162)
```
#3967b0
```
#3967b0 rgb(57,103,176)
```
#3e70bf
```
#3e70bf rgb(62,112,191)
```

Shade Color Variation

#4c7ac5
```
#4c7ac5 rgb(76,122,197)
```
#5b85ca
```
#5b85ca rgb(91,133,202)
```
#6a90ce
```
#6a90ce rgb(106,144,206)
```
#799bd3
```
#799bd3 rgb(121,155,211)
```
#87a6d8
```
#87a6d8 rgb(135,166,216)
```
#96b1dd
```
#96b1dd rgb(150,177,221)
```
#a5bce2
```
#a5bce2 rgb(165,188,226)
```
#b4c7e7
```
#b4c7e7 rgb(180,199,231)
```
#c3d2eb
```
#c3d2eb rgb(195,210,235)
```
#d1ddf0
```
#d1ddf0 rgb(209,221,240)
```
#e0e8f5
```
#e0e8f5 rgb(224,232,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, #53575c is the less saturated color, while #0343ac is the most saturated one.

#53575c
```
#53575c rgb(83,87,92)
```
#4d5562
```
#4d5562 rgb(77,85,98)
```
#465369
```
#465369 rgb(70,83,105)
```
#3f5270
```
#3f5270 rgb(63,82,112)
```
#385077
```
#385077 rgb(56,80,119)
```
#324f7d
```
#324f7d rgb(50,79,125)
```
#2b4d84
```
#2b4d84 rgb(43,77,132)
```
#244b8b
```
#244b8b rgb(36,75,139)
```
#1e4a91
```
#1e4a91 rgb(30,74,145)
```
#174898
```
#174898 rgb(23,72,152)
```
#10479f
```
#10479f rgb(16,71,159)
```
#0945a6
```
#0945a6 rgb(9,69,166)
```
#0343ac
```
#0343ac rgb(3,67,172)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5489 Protanopia 1% of men
#2f578a Deuteranopia 1% of men
#165e65 Tritanopia 0.001% of the population

Trichromacy

#375287 Protanomaly 1% of men, 0.01% of women
#2e5387 Deuteranomaly 6% of men, 0.4% of women
#1d5870 Tritanomaly 0.01% of the population

#2b4d84 hex color

#2b4d84 Color Information

#2b4d84 Color Conversion

Color Schemes with #2b4d84

Alternatives to #2b4d84

#2b4d84 Preview

Shades and Tints of #2b4d84

Tones of #2b4d84

Color Blindness Simulator