#2b549b hex color

In a RGB color space, hex #2b549b is composed of 16.9% red, 32.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 45.8% magenta, 0% yellow and 39.2% black. It has a hue angle of 218 degrees, a saturation of 56.6% and a lightness of 38.8%. #2b549b color hex could be obtained by blending #56a8ff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 61
RGB color chart
- C 72
- M 46
- Y 0
- K 39
CMYK color chart

● #2b549b color description : Dark blue.

The hexadecimal color #2b549b has RGB values of R:43, G:84, B:155 and CMYK values of C:0.72, M:0.46, Y:0, K:0.39. Its decimal value is 2839707.

Hex triplet	2b549b	`#2b549b`
RGB Decimal	43, 84, 155	`rgb(43,84,155)`
RGB Percent	16.9, 32.9, 60.8	`rgb(16.9%,32.9%,60.8%)`
CMYK	72, 46, 0, 39
HSL	218°, 56.6, 38.8	`hsl(218,56.6%,38.8%)`
HSV (or HSB)	218°, 72.3, 60.8
Web Safe	336699	`#336699`

CIE-LAB	36.405, 10.801, -42.974
XYZ	10.082, 9.22, 32.257
xyY	0.196, 0.179, 9.22
CIE-LCH	36.405, 44.311, 284.109
CIE-LUV	36.405, -15.781, -61.454
Hunter-Lab	30.365, 6.128, -41.73
Binary	00101011, 01010100, 10011011

#2b549b
```
#2b549b rgb(43,84,155)
```
#9b722b
```
#9b722b rgb(155,114,43)
```

Complementary Color

#2b8c9b
```
#2b8c9b rgb(43,140,155)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#3a2b9b
```
#3a2b9b rgb(58,43,155)
```

Analogous Color

#8c9b2b
```
#8c9b2b rgb(140,155,43)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#9b3a2b
```
#9b3a2b rgb(155,58,43)
```

Split Complementary Color

#549b2b
```
#549b2b rgb(84,155,43)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#9b2b54
```
#9b2b54 rgb(155,43,84)
```

Triadic Color

#2b9b72
```
#2b9b72 rgb(43,155,114)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#9b2b54
```
#9b2b54 rgb(155,43,84)
```
#9b722b
```
#9b722b rgb(155,114,43)
```

Tetradic Color

#1a345f
```
#1a345f rgb(26,52,95)
```
#203e73
```
#203e73 rgb(32,62,115)
```
#254987
```
#254987 rgb(37,73,135)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#315faf
```
#315faf rgb(49,95,175)
```
#366ac3
```
#366ac3 rgb(54,106,195)
```
#4777cc
```
#4777cc rgb(71,119,204)
```

Monochromatic Color

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

#2b709b
```
#2b709b rgb(43,112,155)
```
#2b679b
```
#2b679b rgb(43,103,155)
```
#2b5d9b
```
#2b5d9b rgb(43,93,155)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#2b4b9b
```
#2b4b9b rgb(43,75,155)
```
#2b419b
```
#2b419b rgb(43,65,155)
```
#2b389b
```
#2b389b rgb(43,56,155)
```

Similar Colors

Text with hexadecimal color #2b549b

This text has a font color of #2b549b.

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

#2b549b background color

This paragraph has a background color of #2b549b.

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

#2b549b border color

This element has a border color of #2b549b.

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

CSS codes

.text {color:#2b549b;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050911
```
#050911 rgb(5,9,17)
```
#091120
```
#091120 rgb(9,17,32)
```
#0d1a30
```
#0d1a30 rgb(13,26,48)
```
#11223f
```
#11223f rgb(17,34,63)
```
#162a4e
```
#162a4e rgb(22,42,78)
```
#1a335e
```
#1a335e rgb(26,51,94)
```
#1e3b6d
```
#1e3b6d rgb(30,59,109)
```
#22437c
```
#22437c rgb(34,67,124)
```
#274c8c
```
#274c8c rgb(39,76,140)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#2f5caa
```
#2f5caa rgb(47,92,170)
```
#3465ba
```
#3465ba rgb(52,101,186)
```

Shade Color Variation

#396dc8
```
#396dc8 rgb(57,109,200)
```
#4879cc
```
#4879cc rgb(72,121,204)
```
#5884d1
```
#5884d1 rgb(88,132,209)
```
#678fd5
```
#678fd5 rgb(103,143,213)
```
#769ad9
```
#769ad9 rgb(118,154,217)
```
#86a6dd
```
#86a6dd rgb(134,166,221)
```
#95b1e2
```
#95b1e2 rgb(149,177,226)
```
#a4bce6
```
#a4bce6 rgb(164,188,230)
```
#b4c8ea
```
#b4c8ea rgb(180,200,234)
```
#c3d3ee
```
#c3d3ee rgb(195,211,238)
```
#d2def3
```
#d2def3 rgb(210,222,243)
```
#e2e9f7
```
#e2e9f7 rgb(226,233,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

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

#606266
```
#606266 rgb(96,98,102)
```
#59606d
```
#59606d rgb(89,96,109)
```
#515e75
```
#515e75 rgb(81,94,117)
```
#495c7d
```
#495c7d rgb(73,92,125)
```
#425a84
```
#425a84 rgb(66,90,132)
```
#3a588c
```
#3a588c rgb(58,88,140)
```
#335693
```
#335693 rgb(51,86,147)
```
#2b549b
```
#2b549b rgb(43,84,155)
```
#2352a3
```
#2352a3 rgb(35,82,163)
```
#1c50aa
```
#1c50aa rgb(28,80,170)
```
#144eb2
```
#144eb2 rgb(20,78,178)
```
#0d4cb9
```
#0d4cb9 rgb(13,76,185)
```
#054ac1
```
#054ac1 rgb(5,74,193)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5c9f Protanopia 1% of men
#175f9e Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#35599d Protanomaly 1% of men, 0.01% of women
#1e5b9d Deuteranomaly 6% of men, 0.4% of women
#0f607e Tritanomaly 0.01% of the population

#2b549b hex color

#2b549b Color Information

#2b549b Color Conversion

Color Schemes with #2b549b

Alternatives to #2b549b

#2b549b Preview

Shades and Tints of #2b549b

Tones of #2b549b

Color Blindness Simulator