#2b56b4 hex color

In a RGB color space, hex #2b56b4 is composed of 16.9% red, 33.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 52.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 221.2 degrees, a saturation of 61.4% and a lightness of 43.7%. #2b56b4 color hex could be obtained by blending #56acff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 34
- B 71
RGB color chart
- C 76
- M 52
- Y 0
- K 29
CMYK color chart

● #2b56b4 color description : Strong blue.

The hexadecimal color #2b56b4 has RGB values of R:43, G:86, B:180 and CMYK values of C:0.76, M:0.52, Y:0, K:0.29. Its decimal value is 2840244.

Hex triplet	2b56b4	`#2b56b4`
RGB Decimal	43, 86, 180	`rgb(43,86,180)`
RGB Percent	16.9, 33.7, 70.6	`rgb(16.9%,33.7%,70.6%)`
CMYK	76, 52, 0, 29
HSL	221.2°, 61.4, 43.7	`hsl(221.2,61.4%,43.7%)`
HSV (or HSB)	221.2°, 76.1, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.662, 19.067, -54.216
XYZ	12.56, 10.464, 44.535
xyY	0.186, 0.155, 10.464
CIE-LCH	38.662, 57.471, 289.376
CIE-LUV	38.662, -16.129, -79.241
Hunter-Lab	32.347, 12.704, -58.986
Binary	00101011, 01010110, 10110100

#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#b4892b
```
#b4892b rgb(180,137,43)
```

Complementary Color

#2b9bb4
```
#2b9bb4 rgb(43,155,180)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#452bb4
```
#452bb4 rgb(69,43,180)
```

Analogous Color

#9bb42b
```
#9bb42b rgb(155,180,43)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#b4452b
```
#b4452b rgb(180,69,43)
```

Split Complementary Color

#56b42b
```
#56b42b rgb(86,180,43)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#b42b56
```
#b42b56 rgb(180,43,86)
```

Triadic Color

#2bb489
```
#2bb489 rgb(43,180,137)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#b42b56
```
#b42b56 rgb(180,43,86)
```
#b4892b
```
#b4892b rgb(180,137,43)
```

Tetradic Color

#1c3876
```
#1c3876 rgb(28,56,118)
```
#21428b
```
#21428b rgb(33,66,139)
```
#264c9f
```
#264c9f rgb(38,76,159)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#3060c9
```
#3060c9 rgb(48,96,201)
```
#416ed1
```
#416ed1 rgb(65,110,209)
```
#557ed6
```
#557ed6 rgb(85,126,214)
```

Monochromatic Color

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

#2b78b4
```
#2b78b4 rgb(43,120,180)
```
#2b6db4
```
#2b6db4 rgb(43,109,180)
```
#2b61b4
```
#2b61b4 rgb(43,97,180)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#2b4bb4
```
#2b4bb4 rgb(43,75,180)
```
#2b3fb4
```
#2b3fb4 rgb(43,63,180)
```
#2b34b4
```
#2b34b4 rgb(43,52,180)
```

Similar Colors

Text with hexadecimal color #2b56b4

This text has a font color of #2b56b4.

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

#2b56b4 background color

This paragraph has a background color of #2b56b4.

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

#2b56b4 border color

This element has a border color of #2b56b4.

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

CSS codes

.text {color:#2b56b4;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050a16
```
#050a16 rgb(5,10,22)
```
#091226
```
#091226 rgb(9,18,38)
```
#0d1935
```
#0d1935 rgb(13,25,53)
```
#112145
```
#112145 rgb(17,33,69)
```
#142955
```
#142955 rgb(20,41,85)
```
#183065
```
#183065 rgb(24,48,101)
```
#1c3875
```
#1c3875 rgb(28,56,117)
```
#203f85
```
#203f85 rgb(32,63,133)
```
#234794
```
#234794 rgb(35,71,148)
```
#274ea4
```
#274ea4 rgb(39,78,164)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#2f5ec4
```
#2f5ec4 rgb(47,94,196)
```

Shade Color Variation

#3767cf
```
#3767cf rgb(55,103,207)
```
#4773d3
```
#4773d3 rgb(71,115,211)
```
#577fd7
```
#577fd7 rgb(87,127,215)
```
#678bdb
```
#678bdb rgb(103,139,219)
```
#7697de
```
#7697de rgb(118,151,222)
```
#86a3e2
```
#86a3e2 rgb(134,163,226)
```
#96afe6
```
#96afe6 rgb(150,175,230)
```
#a6bbea
```
#a6bbea rgb(166,187,234)
```
#b6c7ed
```
#b6c7ed rgb(182,199,237)
```
#c6d3f1
```
#c6d3f1 rgb(198,211,241)
```
#d5dff5
```
#d5dff5 rgb(213,223,245)
```
#e5ebf9
```
#e5ebf9 rgb(229,235,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676c78 is the less saturated color, while #0046df is the most saturated one.

#676c78
```
#676c78 rgb(103,108,120)
```
#5e6981
```
#5e6981 rgb(94,105,129)
```
#566689
```
#566689 rgb(86,102,137)
```
#4d6392
```
#4d6392 rgb(77,99,146)
```
#45609a
```
#45609a rgb(69,96,154)
```
#3c5ca3
```
#3c5ca3 rgb(60,92,163)
```
#3459ab
```
#3459ab rgb(52,89,171)
```
#2b56b4
```
#2b56b4 rgb(43,86,180)
```
#2253bd
```
#2253bd rgb(34,83,189)
```
#1a50c5
```
#1a50c5 rgb(26,80,197)
```
#114cce
```
#114cce rgb(17,76,206)
```
#0949d6
```
#0949d6 rgb(9,73,214)
```
#0046df
```
#0046df rgb(0,70,223)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f60b9 Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#235cb7 Protanomaly 1% of men, 0.01% of women
#0f5fab Deuteranomaly 6% of men, 0.4% of women
#0f648b Tritanomaly 0.01% of the population

#2b56b4 hex color

#2b56b4 Color Information

#2b56b4 Color Conversion

Color Schemes with #2b56b4

Alternatives to #2b56b4

#2b56b4 Preview

Shades and Tints of #2b56b4

Tones of #2b56b4

Color Blindness Simulator