#2b4ba5 hex color

In a RGB color space, hex #2b4ba5 is composed of 16.9% red, 29.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 54.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 224.3 degrees, a saturation of 58.7% and a lightness of 40.8%. #2b4ba5 color hex could be obtained by blending #5696ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 29
- B 65
RGB color chart
- C 74
- M 55
- Y 0
- K 35
CMYK color chart

● #2b4ba5 color description : Dark blue.

The hexadecimal color #2b4ba5 has RGB values of R:43, G:75, B:165 and CMYK values of C:0.74, M:0.55, Y:0, K:0.35. Its decimal value is 2837413.

Hex triplet	2b4ba5	`#2b4ba5`
RGB Decimal	43, 75, 165	`rgb(43,75,165)`
RGB Percent	16.9, 29.4, 64.7	`rgb(16.9%,29.4%,64.7%)`
CMYK	74, 55, 0, 35
HSL	224.3°, 58.7, 40.8	`hsl(224.3,58.7%,40.8%)`
HSV (or HSB)	224.3°, 73.9, 64.7
Web Safe	333399	`#333399`

CIE-LAB	34.522, 20.631, -52.013
XYZ	10.302, 8.262, 36.647
xyY	0.187, 0.15, 8.262
CIE-LCH	34.522, 55.955, 291.636
CIE-LUV	34.522, -13.043, -73.517
Hunter-Lab	28.743, 13.68, -55.474
Binary	00101011, 01001011, 10100101

#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#a5852b
```
#a5852b rgb(165,133,43)
```

Complementary Color

#2b88a5
```
#2b88a5 rgb(43,136,165)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#482ba5
```
#482ba5 rgb(72,43,165)
```

Analogous Color

#88a52b
```
#88a52b rgb(136,165,43)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#a5482b
```
#a5482b rgb(165,72,43)
```

Split Complementary Color

#4ba52b
```
#4ba52b rgb(75,165,43)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#a52b4b
```
#a52b4b rgb(165,43,75)
```

Triadic Color

#2ba585
```
#2ba585 rgb(43,165,133)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#a52b4b
```
#a52b4b rgb(165,43,75)
```
#a5852b
```
#a5852b rgb(165,133,43)
```

Tetradic Color

#1b2f68
```
#1b2f68 rgb(27,47,104)
```
#20397d
```
#20397d rgb(32,57,125)
```
#264291
```
#264291 rgb(38,66,145)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#3054b9
```
#3054b9 rgb(48,84,185)
```
#385fcb
```
#385fcb rgb(56,95,203)
```
#4c6fd0
```
#4c6fd0 rgb(76,111,208)
```

Monochromatic Color

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

#2b6aa5
```
#2b6aa5 rgb(43,106,165)
```
#2b5fa5
```
#2b5fa5 rgb(43,95,165)
```
#2b55a5
```
#2b55a5 rgb(43,85,165)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#2b41a5
```
#2b41a5 rgb(43,65,165)
```
#2b37a5
```
#2b37a5 rgb(43,55,165)
```
#2b2da5
```
#2b2da5 rgb(43,45,165)
```

Similar Colors

Text with hexadecimal color #2b4ba5

This text has a font color of #2b4ba5.

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

#2b4ba5 background color

This paragraph has a background color of #2b4ba5.

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

#2b4ba5 border color

This element has a border color of #2b4ba5.

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

CSS codes

.text {color:#2b4ba5;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#070b19
```
#070b19 rgb(7,11,25)
```
#0b1229
```
#0b1229 rgb(11,18,41)
```
#0f1938
```
#0f1938 rgb(15,25,56)
```
#132148
```
#132148 rgb(19,33,72)
```
#172857
```
#172857 rgb(23,40,87)
```
#1b2f67
```
#1b2f67 rgb(27,47,103)
```
#1f3676
```
#1f3676 rgb(31,54,118)
```
#233d86
```
#233d86 rgb(35,61,134)
```
#274495
```
#274495 rgb(39,68,149)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#2f52b5
```
#2f52b5 rgb(47,82,181)
```
#3359c4
```
#3359c4 rgb(51,89,196)
```

Shade Color Variation

#3e64cd
```
#3e64cd rgb(62,100,205)
```
#4e70d1
```
#4e70d1 rgb(78,112,209)
```
#5d7dd5
```
#5d7dd5 rgb(93,125,213)
```
#6d89d9
```
#6d89d9 rgb(109,137,217)
```
#7c96dd
```
#7c96dd rgb(124,150,221)
```
#8ca2e1
```
#8ca2e1 rgb(140,162,225)
```
#9bafe5
```
#9bafe5 rgb(155,175,229)
```
#abbbe9
```
#abbbe9 rgb(171,187,233)
```
#bbc8ed
```
#bbc8ed rgb(187,200,237)
```
#cad4f1
```
#cad4f1 rgb(202,212,241)
```
#dae1f5
```
#dae1f5 rgb(218,225,245)
```
#e9edf9
```
#e9edf9 rgb(233,237,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#63666d
```
#63666d rgb(99,102,109)
```
#5b6275
```
#5b6275 rgb(91,98,117)
```
#535e7d
```
#535e7d rgb(83,94,125)
```
#4b5a85
```
#4b5a85 rgb(75,90,133)
```
#43568d
```
#43568d rgb(67,86,141)
```
#3b5395
```
#3b5395 rgb(59,83,149)
```
#334f9d
```
#334f9d rgb(51,79,157)
```
#2b4ba5
```
#2b4ba5 rgb(43,75,165)
```
#2347ad
```
#2347ad rgb(35,71,173)
```
#1b43b5
```
#1b43b5 rgb(27,67,181)
```
#1340bd
```
#1340bd rgb(19,64,189)
```
#0b3cc5
```
#0b3cc5 rgb(11,60,197)
```
#0338cd
```
#0338cd rgb(3,56,205)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#0f52a9 Protanomaly 1% of men, 0.01% of women
#0f559b Deuteranomaly 6% of men, 0.4% of women
#0f5a7f Tritanomaly 0.01% of the population

#2b4ba5 hex color

#2b4ba5 Color Information

#2b4ba5 Color Conversion

Color Schemes with #2b4ba5

Alternatives to #2b4ba5

#2b4ba5 Preview

Shades and Tints of #2b4ba5

Tones of #2b4ba5

Color Blindness Simulator