#2b5771 hex color

In a RGB color space, hex #2b5771 is composed of 16.9% red, 34.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 23% magenta, 0% yellow and 55.7% black. It has a hue angle of 202.3 degrees, a saturation of 44.9% and a lightness of 30.6%. #2b5771 color hex could be obtained by blending #56aee2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 34
- B 44
RGB color chart
- C 62
- M 23
- Y 0
- K 56
CMYK color chart

● #2b5771 color description : Very dark blue.

The hexadecimal color #2b5771 has RGB values of R:43, G:87, B:113 and CMYK values of C:0.62, M:0.23, Y:0, K:0.56. Its decimal value is 2840433.

Hex triplet	2b5771	`#2b5771`
RGB Decimal	43, 87, 113	`rgb(43,87,113)`
RGB Percent	16.9, 34.1, 44.3	`rgb(16.9%,34.1%,44.3%)`
CMYK	62, 23, 0, 56
HSL	202.3°, 44.9, 30.6	`hsl(202.3,44.9%,30.6%)`
HSV (or HSB)	202.3°, 61.9, 44.3
Web Safe	336666	`#336666`

CIE-LAB	35.047, -6.678, -19.424
XYZ	7.384, 8.522, 16.878
xyY	0.225, 0.26, 8.522
CIE-LCH	35.047, 20.54, 251.028
CIE-LUV	35.047, -17.724, -25.353
Hunter-Lab	29.192, -5.933, -13.845
Binary	00101011, 01010111, 01110001

#2b5771
```
#2b5771 rgb(43,87,113)
```
#71452b
```
#71452b rgb(113,69,43)
```

Complementary Color

#2b7168
```
#2b7168 rgb(43,113,104)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#2b3471
```
#2b3471 rgb(43,52,113)
```

Analogous Color

#71682b
```
#71682b rgb(113,104,43)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#712b34
```
#712b34 rgb(113,43,52)
```

Split Complementary Color

#57712b
```
#57712b rgb(87,113,43)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#712b57
```
#712b57 rgb(113,43,87)
```

Triadic Color

#2b7145
```
#2b7145 rgb(43,113,69)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#712b57
```
#712b57 rgb(113,43,87)
```
#71452b
```
#71452b rgb(113,69,43)
```

Tetradic Color

#162c3a
```
#162c3a rgb(22,44,58)
```
#1d3b4c
```
#1d3b4c rgb(29,59,76)
```
#24495f
```
#24495f rgb(36,73,95)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#326583
```
#326583 rgb(50,101,131)
```
#397396
```
#397396 rgb(57,115,150)
```
#4082a8
```
#4082a8 rgb(64,130,168)
```

Monochromatic Color

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

#2b6971
```
#2b6971 rgb(43,105,113)
```
#2b6371
```
#2b6371 rgb(43,99,113)
```
#2b5d71
```
#2b5d71 rgb(43,93,113)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#2b5171
```
#2b5171 rgb(43,81,113)
```
#2b4b71
```
#2b4b71 rgb(43,75,113)
```
#2b4671
```
#2b4671 rgb(43,70,113)
```

Similar Colors

Text with hexadecimal color #2b5771

This text has a font color of #2b5771.

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

#2b5771 background color

This paragraph has a background color of #2b5771.

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

#2b5771 border color

This element has a border color of #2b5771.

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

CSS codes

.text {color:#2b5771;}

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

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

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, #050a0e is the darkest color, while #feffff is the lightest one.

#050a0e
```
#050a0e rgb(5,10,14)
```
#0b151c
```
#0b151c rgb(11,21,28)
```
#10202a
```
#10202a rgb(16,32,42)
```
#152b38
```
#152b38 rgb(21,43,56)
```
#1b3646
```
#1b3646 rgb(27,54,70)
```
#204155
```
#204155 rgb(32,65,85)
```
#264c63
```
#264c63 rgb(38,76,99)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#30627f
```
#30627f rgb(48,98,127)
```
#366d8d
```
#366d8d rgb(54,109,141)
```
#3b789c
```
#3b789c rgb(59,120,156)
```
#4183aa
```
#4183aa rgb(65,131,170)
```
#468eb8
```
#468eb8 rgb(70,142,184)
```

Shade Color Variation

#5496be
```
#5496be rgb(84,150,190)
```
#629fc3
```
#629fc3 rgb(98,159,195)
```
#70a8c9
```
#70a8c9 rgb(112,168,201)
```
#7eb1ce
```
#7eb1ce rgb(126,177,206)
```
#8db9d3
```
#8db9d3 rgb(141,185,211)
```
#9bc2d9
```
#9bc2d9 rgb(155,194,217)
```
#a9cbde
```
#a9cbde rgb(169,203,222)
```
#b7d3e4
```
#b7d3e4 rgb(183,211,228)
```
#c5dce9
```
#c5dce9 rgb(197,220,233)
```
#d4e5ef
```
#d4e5ef rgb(212,229,239)
```
#e2edf4
```
#e2edf4 rgb(226,237,244)
```
#f0f6f9
```
#f0f6f9 rgb(240,246,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#494f53
```
#494f53 rgb(73,79,83)
```
#435159
```
#435159 rgb(67,81,89)
```
#3d525f
```
#3d525f rgb(61,82,95)
```
#375465
```
#375465 rgb(55,84,101)
```
#31556b
```
#31556b rgb(49,85,107)
```
#2b5771
```
#2b5771 rgb(43,87,113)
```
#255977
```
#255977 rgb(37,89,119)
```
#1f5a7d
```
#1f5a7d rgb(31,90,125)
```
#195c83
```
#195c83 rgb(25,92,131)
```
#135d89
```
#135d89 rgb(19,93,137)
```
#0d5f8f
```
#0d5f8f rgb(13,95,143)
```
#076095
```
#076095 rgb(7,96,149)
```
#01629b
```
#01629b rgb(1,98,155)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535a74 Protanopia 1% of men
#505a7a Deuteranopia 1% of men
#2d6269 Tritanopia 0.001% of the population

Trichromacy

#445973 Protanomaly 1% of men, 0.01% of women
#425977 Deuteranomaly 6% of men, 0.4% of women
#2c5e6c Tritanomaly 0.01% of the population

#2b5771 hex color

#2b5771 Color Information

#2b5771 Color Conversion

Color Schemes with #2b5771

Alternatives to #2b5771

#2b5771 Preview

Shades and Tints of #2b5771

Tones of #2b5771

Color Blindness Simulator