#2b4475 hex color

In a RGB color space, hex #2b4475 is composed of 16.9% red, 26.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 41.9% magenta, 0% yellow and 54.1% black. It has a hue angle of 219.7 degrees, a saturation of 46.3% and a lightness of 31.4%. #2b4475 color hex could be obtained by blending #5688ea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 27
- B 46
RGB color chart
- C 63
- M 42
- Y 0
- K 54
CMYK color chart

● #2b4475 color description : Dark moderate blue.

The hexadecimal color #2b4475 has RGB values of R:43, G:68, B:117 and CMYK values of C:0.63, M:0.42, Y:0, K:0.54. Its decimal value is 2835573.

Hex triplet	2b4475	`#2b4475`
RGB Decimal	43, 68, 117	`rgb(43,68,117)`
RGB Percent	16.9, 26.7, 45.9	`rgb(16.9%,26.7%,45.9%)`
CMYK	63, 42, 0, 54
HSL	219.7°, 46.3, 31.4	`hsl(219.7,46.3%,31.4%)`
HSV (or HSB)	219.7°, 63.2, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.24, 7.068, -31.036
XYZ	6.274, 5.932, 17.643
xyY	0.21, 0.199, 5.932
CIE-LCH	29.24, 31.83, 282.829
CIE-LUV	29.24, -10.83, -41.074
Hunter-Lab	24.355, 3.357, -25.901
Binary	00101011, 01000100, 01110101

#2b4475
```
#2b4475 rgb(43,68,117)
```
#755c2b
```
#755c2b rgb(117,92,43)
```

Complementary Color

#2b6975
```
#2b6975 rgb(43,105,117)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#372b75
```
#372b75 rgb(55,43,117)
```

Analogous Color

#69752b
```
#69752b rgb(105,117,43)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#75372b
```
#75372b rgb(117,55,43)
```

Split Complementary Color

#44752b
```
#44752b rgb(68,117,43)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#752b44
```
#752b44 rgb(117,43,68)
```

Triadic Color

#2b755c
```
#2b755c rgb(43,117,92)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#752b44
```
#752b44 rgb(117,43,68)
```
#755c2b
```
#755c2b rgb(117,92,43)
```

Tetradic Color

#16233d
```
#16233d rgb(22,35,61)
```
#1d2e50
```
#1d2e50 rgb(29,46,80)
```
#243962
```
#243962 rgb(36,57,98)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#324f88
```
#324f88 rgb(50,79,136)
```
#395a9a
```
#395a9a rgb(57,90,154)
```
#4065ad
```
#4065ad rgb(64,101,173)
```

Monochromatic Color

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

#2b5775
```
#2b5775 rgb(43,87,117)
```
#2b5075
```
#2b5075 rgb(43,80,117)
```
#2b4a75
```
#2b4a75 rgb(43,74,117)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#2b3e75
```
#2b3e75 rgb(43,62,117)
```
#2b3875
```
#2b3875 rgb(43,56,117)
```
#2b3275
```
#2b3275 rgb(43,50,117)
```

Similar Colors

Text with hexadecimal color #2b4475

This text has a font color of #2b4475.

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

#2b4475 background color

This paragraph has a background color of #2b4475.

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

#2b4475 border color

This element has a border color of #2b4475.

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

CSS codes

.text {color:#2b4475;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b121f
```
#0b121f rgb(11,18,31)
```
#111a2d
```
#111a2d rgb(17,26,45)
```
#16233c
```
#16233c rgb(22,35,60)
```
#1b2b4a
```
#1b2b4a rgb(27,43,74)
```
#203358
```
#203358 rgb(32,51,88)
```
#263c67
```
#263c67 rgb(38,60,103)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#304c83
```
#304c83 rgb(48,76,131)
```
#365592
```
#365592 rgb(54,85,146)
```
#3b5da0
```
#3b5da0 rgb(59,93,160)
```
#4065ae
```
#4065ae rgb(64,101,174)
```

Shade Color Variation

#476ebb
```
#476ebb rgb(71,110,187)
```
#5579c1
```
#5579c1 rgb(85,121,193)
```
#6385c6
```
#6385c6 rgb(99,133,198)
```
#7290cb
```
#7290cb rgb(114,144,203)
```
#809bd0
```
#809bd0 rgb(128,155,208)
```
#8fa7d6
```
#8fa7d6 rgb(143,167,214)
```
#9db2db
```
#9db2db rgb(157,178,219)
```
#abbde0
```
#abbde0 rgb(171,189,224)
```
#bac8e5
```
#bac8e5 rgb(186,200,229)
```
#c8d4eb
```
#c8d4eb rgb(200,212,235)
```
#d6dff0
```
#d6dff0 rgb(214,223,240)
```
#e5eaf5
```
#e5eaf5 rgb(229,234,245)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4a4e56
```
#4a4e56 rgb(74,78,86)
```
#444c5c
```
#444c5c rgb(68,76,92)
```
#3d4a63
```
#3d4a63 rgb(61,74,99)
```
#374869
```
#374869 rgb(55,72,105)
```
#31466f
```
#31466f rgb(49,70,111)
```
#2b4475
```
#2b4475 rgb(43,68,117)
```
#25427b
```
#25427b rgb(37,66,123)
```
#1f4081
```
#1f4081 rgb(31,64,129)
```
#193e87
```
#193e87 rgb(25,62,135)
```
#123c8e
```
#123c8e rgb(18,60,142)
```
#0c3a94
```
#0c3a94 rgb(12,58,148)
```
#06389a
```
#06389a rgb(6,56,154)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d424c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4d7b Protanopia 1% of men
#2e4f7b Deuteranopia 1% of men
#21555b Tritanopia 0.001% of the population

Trichromacy

#344979 Protanomaly 1% of men, 0.01% of women
#2d4b79 Deuteranomaly 6% of men, 0.4% of women
#254e64 Tritanomaly 0.01% of the population

#2b4475 hex color

#2b4475 Color Information

#2b4475 Color Conversion

Color Schemes with #2b4475

Alternatives to #2b4475

#2b4475 Preview

Shades and Tints of #2b4475

Tones of #2b4475

Color Blindness Simulator