#2b556d hex color

In a RGB color space, hex #2b556d is composed of 16.9% red, 33.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 22% magenta, 0% yellow and 57.3% black. It has a hue angle of 201.8 degrees, a saturation of 43.4% and a lightness of 29.8%. #2b556d color hex could be obtained by blending #56aada with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 43
RGB color chart
- C 61
- M 22
- Y 0
- K 57
CMYK color chart

● #2b556d color description : Very dark blue.

The hexadecimal color #2b556d has RGB values of R:43, G:85, B:109 and CMYK values of C:0.61, M:0.22, Y:0, K:0.57. Its decimal value is 2839917.

Hex triplet	2b556d	`#2b556d`
RGB Decimal	43, 85, 109	`rgb(43,85,109)`
RGB Percent	16.9, 33.3, 42.7	`rgb(16.9%,33.3%,42.7%)`
CMYK	61, 22, 0, 57
HSL	201.8°, 43.4, 29.8	`hsl(201.8,43.4%,29.8%)`
HSV (or HSB)	201.8°, 60.6, 42.7
Web Safe	336666	`#336666`

CIE-LAB	34.22, -6.837, -18.211
XYZ	7.004, 8.114, 15.664
xyY	0.228, 0.264, 8.114
CIE-LCH	34.22, 19.452, 249.422
CIE-LUV	34.22, -17.077, -23.453
Hunter-Lab	28.486, -5.958, -12.664
Binary	00101011, 01010101, 01101101

#2b556d
```
#2b556d rgb(43,85,109)
```
#6d432b
```
#6d432b rgb(109,67,43)
```

Complementary Color

#2b6d64
```
#2b6d64 rgb(43,109,100)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#2b346d
```
#2b346d rgb(43,52,109)
```

Analogous Color

#6d642b
```
#6d642b rgb(109,100,43)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#6d2b34
```
#6d2b34 rgb(109,43,52)
```

Split Complementary Color

#556d2b
```
#556d2b rgb(85,109,43)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#6d2b55
```
#6d2b55 rgb(109,43,85)
```

Triadic Color

#2b6d43
```
#2b6d43 rgb(43,109,67)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#6d2b55
```
#6d2b55 rgb(109,43,85)
```
#6d432b
```
#6d432b rgb(109,67,43)
```

Tetradic Color

#152a36
```
#152a36 rgb(21,42,54)
```
#1d3848
```
#1d3848 rgb(29,56,72)
```
#24475b
```
#24475b rgb(36,71,91)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#32637f
```
#32637f rgb(50,99,127)
```
#397292
```
#397292 rgb(57,114,146)
```
#4180a4
```
#4180a4 rgb(65,128,164)
```

Monochromatic Color

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

#2b666d
```
#2b666d rgb(43,102,109)
```
#2b606d
```
#2b606d rgb(43,96,109)
```
#2b5a6d
```
#2b5a6d rgb(43,90,109)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#2b4f6d
```
#2b4f6d rgb(43,79,109)
```
#2b4a6d
```
#2b4a6d rgb(43,74,109)
```
#2b456d
```
#2b456d rgb(43,69,109)
```

Similar Colors

Text with hexadecimal color #2b556d

This text has a font color of #2b556d.

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

#2b556d background color

This paragraph has a background color of #2b556d.

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

#2b556d border color

This element has a border color of #2b556d.

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

CSS codes

.text {color:#2b556d;}

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

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

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, #04080b is the darkest color, while #fbfdfe is the lightest one.

#04080b
```
#04080b rgb(4,8,11)
```
#0a1319
```
#0a1319 rgb(10,19,25)
```
#0f1e27
```
#0f1e27 rgb(15,30,39)
```
#152935
```
#152935 rgb(21,41,53)
```
#1a3443
```
#1a3443 rgb(26,52,67)
```
#203f51
```
#203f51 rgb(32,63,81)
```
#254a5f
```
#254a5f rgb(37,74,95)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#31607b
```
#31607b rgb(49,96,123)
```
#366b89
```
#366b89 rgb(54,107,137)
```
#3c7697
```
#3c7697 rgb(60,118,151)
```
#4181a5
```
#4181a5 rgb(65,129,165)
```
#478cb3
```
#478cb3 rgb(71,140,179)
```

Shade Color Variation

#5395bb
```
#5395bb rgb(83,149,187)
```
#619ec1
```
#619ec1 rgb(97,158,193)
```
#6fa6c6
```
#6fa6c6 rgb(111,166,198)
```
#7dafcc
```
#7dafcc rgb(125,175,204)
```
#8bb8d1
```
#8bb8d1 rgb(139,184,209)
```
#99c0d7
```
#99c0d7 rgb(153,192,215)
```
#a7c9dc
```
#a7c9dc rgb(167,201,220)
```
#b5d2e2
```
#b5d2e2 rgb(181,210,226)
```
#c3dae7
```
#c3dae7 rgb(195,218,231)
```
#d1e3ed
```
#d1e3ed rgb(209,227,237)
```
#dfecf3
```
#dfecf3 rgb(223,236,243)
```
#edf4f8
```
#edf4f8 rgb(237,244,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#484d50
```
#484d50 rgb(72,77,80)
```
#424f56
```
#424f56 rgb(66,79,86)
```
#3d505b
```
#3d505b rgb(61,80,91)
```
#375261
```
#375261 rgb(55,82,97)
```
#315367
```
#315367 rgb(49,83,103)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#255773
```
#255773 rgb(37,87,115)
```
#1f5879
```
#1f5879 rgb(31,88,121)
```
#195a7f
```
#195a7f rgb(25,90,127)
```
#145b84
```
#145b84 rgb(20,91,132)
```
#0e5d8a
```
#0e5d8a rgb(14,93,138)
```
#085f90
```
#085f90 rgb(8,95,144)
```
#026096
```
#026096 rgb(2,96,150)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525871 Protanopia 1% of men
#505876 Deuteranopia 1% of men
#2f6067 Tritanopia 0.001% of the population

Trichromacy

#44576f Protanomaly 1% of men, 0.01% of women
#425773 Deuteranomaly 6% of men, 0.4% of women
#2d5c69 Tritanomaly 0.01% of the population

#2b556d hex color

#2b556d Color Information

#2b556d Color Conversion

Color Schemes with #2b556d

Alternatives to #2b556d

#2b556d Preview

Shades and Tints of #2b556d

Tones of #2b556d

Color Blindness Simulator