#2b5170 hex color

In a RGB color space, hex #2b5170 is composed of 16.9% red, 31.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 27.7% magenta, 0% yellow and 56.1% black. It has a hue angle of 207 degrees, a saturation of 44.5% and a lightness of 30.4%. #2b5170 color hex could be obtained by blending #56a2e0 with #000000. Closest websafe color is: #336666.

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

● #2b5170 color description : Very dark blue.

The hexadecimal color #2b5170 has RGB values of R:43, G:81, B:112 and CMYK values of C:0.62, M:0.28, Y:0, K:0.56. Its decimal value is 2838896.

Hex triplet	2b5170	`#2b5170`
RGB Decimal	43, 81, 112	`rgb(43,81,112)`
RGB Percent	16.9, 31.8, 43.9	`rgb(16.9%,31.8%,43.9%)`
CMYK	62, 28, 0, 56
HSL	207°, 44.5, 30.4	`hsl(207,44.5%,30.4%)`
HSV (or HSB)	207°, 61.6, 43.9
Web Safe	336666	`#336666`

CIE-LAB	33.066, -3.289, -21.875
XYZ	6.863, 7.568, 16.427
xyY	0.222, 0.245, 7.568
CIE-LCH	33.066, 22.12, 261.449
CIE-LUV	33.066, -15.495, -28.753
Hunter-Lab	27.51, -3.613, -16.148
Binary	00101011, 01010001, 01110000

#2b5170
```
#2b5170 rgb(43,81,112)
```
#704a2b
```
#704a2b rgb(112,74,43)
```

Complementary Color

#2b706d
```
#2b706d rgb(43,112,109)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#2b2f70
```
#2b2f70 rgb(43,47,112)
```

Analogous Color

#706d2b
```
#706d2b rgb(112,109,43)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#702b2f
```
#702b2f rgb(112,43,47)
```

Split Complementary Color

#51702b
```
#51702b rgb(81,112,43)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#702b51
```
#702b51 rgb(112,43,81)
```

Triadic Color

#2b704a
```
#2b704a rgb(43,112,74)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#702b51
```
#702b51 rgb(112,43,81)
```
#704a2b
```
#704a2b rgb(112,74,43)
```

Tetradic Color

#162939
```
#162939 rgb(22,41,57)
```
#1d364b
```
#1d364b rgb(29,54,75)
```
#24445e
```
#24445e rgb(36,68,94)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#325e82
```
#325e82 rgb(50,94,130)
```
#396c95
```
#396c95 rgb(57,108,149)
```
#4079a7
```
#4079a7 rgb(64,121,167)
```

Monochromatic Color

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

#2b6270
```
#2b6270 rgb(43,98,112)
```
#2b5d70
```
#2b5d70 rgb(43,93,112)
```
#2b5770
```
#2b5770 rgb(43,87,112)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#2b4b70
```
#2b4b70 rgb(43,75,112)
```
#2b4670
```
#2b4670 rgb(43,70,112)
```
#2b4070
```
#2b4070 rgb(43,64,112)
```

Similar Colors

Text with hexadecimal color #2b5170

This text has a font color of #2b5170.

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

#2b5170 background color

This paragraph has a background color of #2b5170.

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

#2b5170 border color

This element has a border color of #2b5170.

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

CSS codes

.text {color:#2b5170;}

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

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

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

#05090d
```
#05090d rgb(5,9,13)
```
#0a131b
```
#0a131b rgb(10,19,27)
```
#101e29
```
#101e29 rgb(16,30,41)
```
#152837
```
#152837 rgb(21,40,55)
```
#1b3245
```
#1b3245 rgb(27,50,69)
```
#203c54
```
#203c54 rgb(32,60,84)
```
#264762
```
#264762 rgb(38,71,98)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#305b7e
```
#305b7e rgb(48,91,126)
```
#36668c
```
#36668c rgb(54,102,140)
```
#3b709b
```
#3b709b rgb(59,112,155)
```
#417aa9
```
#417aa9 rgb(65,122,169)
```
#4684b7
```
#4684b7 rgb(70,132,183)
```

Shade Color Variation

#548ebd
```
#548ebd rgb(84,142,189)
```
#6297c3
```
#6297c3 rgb(98,151,195)
```
#70a0c8
```
#70a0c8 rgb(112,160,200)
```
#7eaacd
```
#7eaacd rgb(126,170,205)
```
#8cb3d3
```
#8cb3d3 rgb(140,179,211)
```
#9abdd8
```
#9abdd8 rgb(154,189,216)
```
#a9c6de
```
#a9c6de rgb(169,198,222)
```
#b7cfe3
```
#b7cfe3 rgb(183,207,227)
```
#c5d9e9
```
#c5d9e9 rgb(197,217,233)
```
#d3e2ee
```
#d3e2ee rgb(211,226,238)
```
#e1ebf4
```
#e1ebf4 rgb(225,235,244)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494e52
```
#494e52 rgb(73,78,82)
```
#434f58
```
#434f58 rgb(67,79,88)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#375064
```
#375064 rgb(55,80,100)
```
#31506a
```
#31506a rgb(49,80,106)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#255276
```
#255276 rgb(37,82,118)
```
#1f527c
```
#1f527c rgb(31,82,124)
```
#195382
```
#195382 rgb(25,83,130)
```
#135388
```
#135388 rgb(19,83,136)
```
#0d548e
```
#0d548e rgb(13,84,142)
```
#075594
```
#075594 rgb(7,85,148)
```
#01559a
```
#01559a rgb(1,85,154)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5574 Protanopia 1% of men
#485678 Deuteranopia 1% of men
#2b5d64 Tritanopia 0.001% of the population

Trichromacy

#405472 Protanomaly 1% of men, 0.01% of women
#3d5475 Deuteranomaly 6% of men, 0.4% of women
#2b5968 Tritanomaly 0.01% of the population

#2b5170 hex color

#2b5170 Color Information

#2b5170 Color Conversion

Color Schemes with #2b5170

Alternatives to #2b5170

#2b5170 Preview

Shades and Tints of #2b5170

Tones of #2b5170

Color Blindness Simulator