#2b4a74 hex color

In a RGB color space, hex #2b4a74 is composed of 16.9% red, 29% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 36.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 214.5 degrees, a saturation of 45.9% and a lightness of 31.2%. #2b4a74 color hex could be obtained by blending #5694e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 29
- B 45
RGB color chart
- C 63
- M 36
- Y 0
- K 55
CMYK color chart

● #2b4a74 color description : Dark moderate blue.

The hexadecimal color #2b4a74 has RGB values of R:43, G:74, B:116 and CMYK values of C:0.63, M:0.36, Y:0, K:0.55. Its decimal value is 2837108.

Hex triplet	2b4a74	`#2b4a74`
RGB Decimal	43, 74, 116	`rgb(43,74,116)`
RGB Percent	16.9, 29, 45.5	`rgb(16.9%,29%,45.5%)`
CMYK	63, 36, 0, 55
HSL	214.5°, 45.9, 31.2	`hsl(214.5,45.9%,31.2%)`
HSV (or HSB)	214.5°, 62.9, 45.5
Web Safe	333366	`#333366`

CIE-LAB	31.048, 2.687, -27.545
XYZ	6.597, 6.672, 17.462
xyY	0.215, 0.217, 6.672
CIE-LCH	31.048, 27.676, 275.572
CIE-LUV	31.048, -12.894, -36.662
Hunter-Lab	25.83, 0.386, -22.002
Binary	00101011, 01001010, 01110100

#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#74552b
```
#74552b rgb(116,85,43)
```

Complementary Color

#2b6f74
```
#2b6f74 rgb(43,111,116)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#312b74
```
#312b74 rgb(49,43,116)
```

Analogous Color

#6f742b
```
#6f742b rgb(111,116,43)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#74312b
```
#74312b rgb(116,49,43)
```

Split Complementary Color

#4a742b
```
#4a742b rgb(74,116,43)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#742b4a
```
#742b4a rgb(116,43,74)
```

Triadic Color

#2b7455
```
#2b7455 rgb(43,116,85)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#742b4a
```
#742b4a rgb(116,43,74)
```
#74552b
```
#74552b rgb(116,85,43)
```

Tetradic Color

#16263c
```
#16263c rgb(22,38,60)
```
#1d324f
```
#1d324f rgb(29,50,79)
```
#243e61
```
#243e61 rgb(36,62,97)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#325687
```
#325687 rgb(50,86,135)
```
#396299
```
#396299 rgb(57,98,153)
```
#406eac
```
#406eac rgb(64,110,172)
```

Monochromatic Color

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

#2b5c74
```
#2b5c74 rgb(43,92,116)
```
#2b5674
```
#2b5674 rgb(43,86,116)
```
#2b5074
```
#2b5074 rgb(43,80,116)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#2b4474
```
#2b4474 rgb(43,68,116)
```
#2b3e74
```
#2b3e74 rgb(43,62,116)
```
#2b3874
```
#2b3874 rgb(43,56,116)
```

Similar Colors

Text with hexadecimal color #2b4a74

This text has a font color of #2b4a74.

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

#2b4a74 background color

This paragraph has a background color of #2b4a74.

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

#2b4a74 border color

This element has a border color of #2b4a74.

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

CSS codes

.text {color:#2b4a74;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b131e
```
#0b131e rgb(11,19,30)
```
#101c2c
```
#101c2c rgb(16,28,44)
```
#16253b
```
#16253b rgb(22,37,59)
```
#1b2f49
```
#1b2f49 rgb(27,47,73)
```
#203857
```
#203857 rgb(32,56,87)
```
#264166
```
#264166 rgb(38,65,102)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#305382
```
#305382 rgb(48,83,130)
```
#365c91
```
#365c91 rgb(54,92,145)
```
#3b659f
```
#3b659f rgb(59,101,159)
```
#406fad
```
#406fad rgb(64,111,173)
```

Shade Color Variation

#4678bb
```
#4678bb rgb(70,120,187)
```
#5582c0
```
#5582c0 rgb(85,130,192)
```
#638dc5
```
#638dc5 rgb(99,141,197)
```
#7197cb
```
#7197cb rgb(113,151,203)
```
#80a2d0
```
#80a2d0 rgb(128,162,208)
```
#8eacd5
```
#8eacd5 rgb(142,172,213)
```
#9cb7da
```
#9cb7da rgb(156,183,218)
```
#abc1e0
```
#abc1e0 rgb(171,193,224)
```
#b9cce5
```
#b9cce5 rgb(185,204,229)
```
#c7d6ea
```
#c7d6ea rgb(199,214,234)
```
#d6e1f0
```
#d6e1f0 rgb(214,225,240)
```
#e4ebf5
```
#e4ebf5 rgb(228,235,245)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4f55 is the less saturated color, while #00449f is the most saturated one.

#4a4f55
```
#4a4f55 rgb(74,79,85)
```
#434e5c
```
#434e5c rgb(67,78,92)
```
#3d4d62
```
#3d4d62 rgb(61,77,98)
```
#374c68
```
#374c68 rgb(55,76,104)
```
#314b6e
```
#314b6e rgb(49,75,110)
```
#2b4a74
```
#2b4a74 rgb(43,74,116)
```
#25497a
```
#25497a rgb(37,73,122)
```
#1f4880
```
#1f4880 rgb(31,72,128)
```
#194786
```
#194786 rgb(25,71,134)
```
#13468c
```
#13468c rgb(19,70,140)
```
#0c4593
```
#0c4593 rgb(12,69,147)
```
#064499
```
#064499 rgb(6,68,153)
```
#00449f
```
#00449f rgb(0,68,159)
```

Tone Color Variation

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

Dichromacy

#435179 Protanopia 1% of men
#3a527b Deuteranopia 1% of men
#25595f Tritanopia 0.001% of the population

Trichromacy

#3a4e77 Protanomaly 1% of men, 0.01% of women
#354f78 Deuteranomaly 6% of men, 0.4% of women
#275367 Tritanomaly 0.01% of the population

#2b4a74 hex color

#2b4a74 Color Information

#2b4a74 Color Conversion

Color Schemes with #2b4a74

Alternatives to #2b4a74

#2b4a74 Preview

Shades and Tints of #2b4a74

Tones of #2b4a74

Color Blindness Simulator