#2b5696 hex color

In a RGB color space, hex #2b5696 is composed of 16.9% red, 33.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 42.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 215.9 degrees, a saturation of 55.4% and a lightness of 37.8%. #2b5696 color hex could be obtained by blending #56acff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 34
- B 59
RGB color chart
- C 71
- M 43
- Y 0
- K 41
CMYK color chart

● #2b5696 color description : Dark blue.

The hexadecimal color #2b5696 has RGB values of R:43, G:86, B:150 and CMYK values of C:0.71, M:0.43, Y:0, K:0.41. Its decimal value is 2840214.

Hex triplet	2b5696	`#2b5696`
RGB Decimal	43, 86, 150	`rgb(43,86,150)`
RGB Percent	16.9, 33.7, 58.8	`rgb(16.9%,33.7%,58.8%)`
CMYK	71, 43, 0, 41
HSL	215.9°, 55.4, 37.8	`hsl(215.9,55.4%,37.8%)`
HSV (or HSB)	215.9°, 71.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.688, 7.577, -39.507
XYZ	9.828, 9.37, 30.143
xyY	0.199, 0.19, 9.37
CIE-LCH	36.688, 40.227, 280.856
CIE-LUV	36.688, -16.501, -56.342
Hunter-Lab	30.611, 3.738, -36.956
Binary	00101011, 01010110, 10010110

#2b5696
```
#2b5696 rgb(43,86,150)
```
#966b2b
```
#966b2b rgb(150,107,43)
```

Complementary Color

#2b8c96
```
#2b8c96 rgb(43,140,150)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#362b96
```
#362b96 rgb(54,43,150)
```

Analogous Color

#8c962b
```
#8c962b rgb(140,150,43)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#96362b
```
#96362b rgb(150,54,43)
```

Split Complementary Color

#56962b
```
#56962b rgb(86,150,43)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#962b56
```
#962b56 rgb(150,43,86)
```

Triadic Color

#2b966b
```
#2b966b rgb(43,150,107)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#962b56
```
#962b56 rgb(150,43,86)
```
#966b2b
```
#966b2b rgb(150,107,43)
```

Tetradic Color

#1a345b
```
#1a345b rgb(26,52,91)
```
#203f6e
```
#203f6e rgb(32,63,110)
```
#254b82
```
#254b82 rgb(37,75,130)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#3161aa
```
#3161aa rgb(49,97,170)
```
#366dbe
```
#366dbe rgb(54,109,190)
```
#447ac9
```
#447ac9 rgb(68,122,201)
```

Monochromatic Color

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

#2b7196
```
#2b7196 rgb(43,113,150)
```
#2b6896
```
#2b6896 rgb(43,104,150)
```
#2b5f96
```
#2b5f96 rgb(43,95,150)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#2b4d96
```
#2b4d96 rgb(43,77,150)
```
#2b4496
```
#2b4496 rgb(43,68,150)
```
#2b3b96
```
#2b3b96 rgb(43,59,150)
```

Similar Colors

Text with hexadecimal color #2b5696

This text has a font color of #2b5696.

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

#2b5696 background color

This paragraph has a background color of #2b5696.

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

#2b5696 border color

This element has a border color of #2b5696.

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

CSS codes

.text {color:#2b5696;}

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

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

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, #04070d is the darkest color, while #fdfdfe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#08101c
```
#08101c rgb(8,16,28)
```
#0c192b
```
#0c192b rgb(12,25,43)
```
#11223b
```
#11223b rgb(17,34,59)
```
#152a4a
```
#152a4a rgb(21,42,74)
```
#1a3359
```
#1a3359 rgb(26,51,89)
```
#1e3c68
```
#1e3c68 rgb(30,60,104)
```
#224578
```
#224578 rgb(34,69,120)
```
#274d87
```
#274d87 rgb(39,77,135)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#2f5fa5
```
#2f5fa5 rgb(47,95,165)
```
#3467b4
```
#3467b4 rgb(52,103,180)
```
#3870c4
```
#3870c4 rgb(56,112,196)
```

Shade Color Variation

#467bca
```
#467bca rgb(70,123,202)
```
#5586ce
```
#5586ce rgb(85,134,206)
```
#6491d3
```
#6491d3 rgb(100,145,211)
```
#739bd7
```
#739bd7 rgb(115,155,215)
```
#83a6db
```
#83a6db rgb(131,166,219)
```
#92b1e0
```
#92b1e0 rgb(146,177,224)
```
#a1bce4
```
#a1bce4 rgb(161,188,228)
```
#b0c7e8
```
#b0c7e8 rgb(176,199,232)
```
#c0d2ed
```
#c0d2ed rgb(192,210,237)
```
#cfddf1
```
#cfddf1 rgb(207,221,241)
```
#dee8f6
```
#dee8f6 rgb(222,232,246)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6062 is the less saturated color, while #064fbb is the most saturated one.

#5f6062
```
#5f6062 rgb(95,96,98)
```
#585f69
```
#585f69 rgb(88,95,105)
```
#505d71
```
#505d71 rgb(80,93,113)
```
#495c78
```
#495c78 rgb(73,92,120)
```
#415a80
```
#415a80 rgb(65,90,128)
```
#3a5987
```
#3a5987 rgb(58,89,135)
```
#32578f
```
#32578f rgb(50,87,143)
```
#2b5696
```
#2b5696 rgb(43,86,150)
```
#24559d
```
#24559d rgb(36,85,157)
```
#1c53a5
```
#1c53a5 rgb(28,83,165)
```
#1552ac
```
#1552ac rgb(21,82,172)
```
#0d50b4
```
#0d50b4 rgb(13,80,180)
```
#064fbb
```
#064fbb rgb(6,79,187)
```

Tone Color Variation

Below, you can see how #2b5696 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
#49515e Atypical Achromatopsia 0.001% of the population

Dichromacy

#425d9a Protanopia 1% of men
#2c609a Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#395a98 Protanomaly 1% of men, 0.01% of women
#2b5c99 Deuteranomaly 6% of men, 0.4% of women
#0f617d Tritanomaly 0.01% of the population

#2b5696 hex color

#2b5696 Color Information

#2b5696 Color Conversion

Color Schemes with #2b5696

Alternatives to #2b5696

#2b5696 Preview

Shades and Tints of #2b5696

Tones of #2b5696

Color Blindness Simulator