#2b5a76 hex color

In a RGB color space, hex #2b5a76 is composed of 16.9% red, 35.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 23.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 202.4 degrees, a saturation of 46.6% and a lightness of 31.6%. #2b5a76 color hex could be obtained by blending #56b4ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 35
- B 46
RGB color chart
- C 64
- M 24
- Y 0
- K 54
CMYK color chart

● #2b5a76 color description : Dark moderate blue.

The hexadecimal color #2b5a76 has RGB values of R:43, G:90, B:118 and CMYK values of C:0.64, M:0.24, Y:0, K:0.54. Its decimal value is 2841206.

Hex triplet	2b5a76	`#2b5a76`
RGB Decimal	43, 90, 118	`rgb(43,90,118)`
RGB Percent	16.9, 35.3, 46.3	`rgb(16.9%,35.3%,46.3%)`
CMYK	64, 24, 0, 54
HSL	202.4°, 46.6, 31.6	`hsl(202.4,46.6%,31.6%)`
HSV (or HSB)	202.4°, 63.6, 46.3
Web Safe	336666	`#336666`

CIE-LAB	36.24, -6.767, -20.672
XYZ	7.922, 9.133, 18.484
xyY	0.223, 0.257, 9.133
CIE-LCH	36.24, 21.752, 251.875
CIE-LUV	36.24, -18.705, -27.373
Hunter-Lab	30.221, -6.099, -15.108
Binary	00101011, 01011010, 01110110

#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#76472b
```
#76472b rgb(118,71,43)
```

Complementary Color

#2b766d
```
#2b766d rgb(43,118,109)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#2b3576
```
#2b3576 rgb(43,53,118)
```

Analogous Color

#766d2b
```
#766d2b rgb(118,109,43)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#762b35
```
#762b35 rgb(118,43,53)
```

Split Complementary Color

#5a762b
```
#5a762b rgb(90,118,43)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#762b5a
```
#762b5a rgb(118,43,90)
```

Triadic Color

#2b7647
```
#2b7647 rgb(43,118,71)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#762b5a
```
#762b5a rgb(118,43,90)
```
#76472b
```
#76472b rgb(118,71,43)
```

Tetradic Color

#172f3e
```
#172f3e rgb(23,47,62)
```
#1d3d51
```
#1d3d51 rgb(29,61,81)
```
#244c63
```
#244c63 rgb(36,76,99)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#326889
```
#326889 rgb(50,104,137)
```
#39779b
```
#39779b rgb(57,119,155)
```
#3f85ae
```
#3f85ae rgb(63,133,174)
```

Monochromatic Color

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

#2b6d76
```
#2b6d76 rgb(43,109,118)
```
#2b6776
```
#2b6776 rgb(43,103,118)
```
#2b6076
```
#2b6076 rgb(43,96,118)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#2b5476
```
#2b5476 rgb(43,84,118)
```
#2b4e76
```
#2b4e76 rgb(43,78,118)
```
#2b4776
```
#2b4776 rgb(43,71,118)
```

Similar Colors

Text with hexadecimal color #2b5a76

This text has a font color of #2b5a76.

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

#2b5a76 background color

This paragraph has a background color of #2b5a76.

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

#2b5a76 border color

This element has a border color of #2b5a76.

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

CSS codes

.text {color:#2b5a76;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0c1820
```
#0c1820 rgb(12,24,32)
```
#11232e
```
#11232e rgb(17,35,46)
```
#162e3c
```
#162e3c rgb(22,46,60)
```
#1b394b
```
#1b394b rgb(27,57,75)
```
#214459
```
#214459 rgb(33,68,89)
```
#264f68
```
#264f68 rgb(38,79,104)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#306584
```
#306584 rgb(48,101,132)
```
#357093
```
#357093 rgb(53,112,147)
```
#3b7ba1
```
#3b7ba1 rgb(59,123,161)
```
#4086b0
```
#4086b0 rgb(64,134,176)
```

Shade Color Variation

#4790bc
```
#4790bc rgb(71,144,188)
```
#5599c1
```
#5599c1 rgb(85,153,193)
```
#64a2c6
```
#64a2c6 rgb(100,162,198)
```
#72aacc
```
#72aacc rgb(114,170,204)
```
#81b3d1
```
#81b3d1 rgb(129,179,209)
```
#8fbcd6
```
#8fbcd6 rgb(143,188,214)
```
#9dc4db
```
#9dc4db rgb(157,196,219)
```
#accde1
```
#accde1 rgb(172,205,225)
```
#bad6e6
```
#bad6e6 rgb(186,214,230)
```
#c8deeb
```
#c8deeb rgb(200,222,235)
```
#d7e7f0
```
#d7e7f0 rgb(215,231,240)
```
#e5eff6
```
#e5eff6 rgb(229,239,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

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

#505151
```
#505151 rgb(80,81,81)
```
#4a5257
```
#4a5257 rgb(74,82,87)
```
#44545d
```
#44545d rgb(68,84,93)
```
#3e5563
```
#3e5563 rgb(62,85,99)
```
#37576a
```
#37576a rgb(55,87,106)
```
#315870
```
#315870 rgb(49,88,112)
```
#2b5a76
```
#2b5a76 rgb(43,90,118)
```
#255c7c
```
#255c7c rgb(37,92,124)
```
#1f5d82
```
#1f5d82 rgb(31,93,130)
```
#185f89
```
#185f89 rgb(24,95,137)
```
#12608f
```
#12608f rgb(18,96,143)
```
#0c6295
```
#0c6295 rgb(12,98,149)
```
#06639b
```
#06639b rgb(6,99,155)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555d79 Protanopia 1% of men
#525d7f Deuteranopia 1% of men
#2c656d Tritanopia 0.001% of the population

Trichromacy

#465b78 Protanomaly 1% of men, 0.01% of women
#435b7b Deuteranomaly 6% of men, 0.4% of women
#2c6170 Tritanomaly 0.01% of the population

#2b5a76 hex color

#2b5a76 Color Information

#2b5a76 Color Conversion

Color Schemes with #2b5a76

Alternatives to #2b5a76

#2b5a76 Preview

Shades and Tints of #2b5a76

Tones of #2b5a76

Color Blindness Simulator