#2b4675 hex color

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

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

● #2b4675 color description : Dark moderate blue.

The hexadecimal color #2b4675 has RGB values of R:43, G:70, B:117 and CMYK values of C:0.63, M:0.4, Y:0, K:0.54. Its decimal value is 2836085.

Hex triplet	2b4675	`#2b4675`
RGB Decimal	43, 70, 117	`rgb(43,70,117)`
RGB Percent	16.9, 27.5, 45.9	`rgb(16.9%,27.5%,45.9%)`
CMYK	63, 40, 0, 54
HSL	218.1°, 46.3, 31.4	`hsl(218.1,46.3%,31.4%)`
HSV (or HSB)	218.1°, 63.2, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.857, 5.72, -30.056
XYZ	6.397, 6.178, 17.684
xyY	0.211, 0.204, 6.178
CIE-LCH	29.857, 30.596, 280.776
CIE-LUV	29.857, -11.504, -39.909
Hunter-Lab	24.855, 2.441, -24.785
Binary	00101011, 01000110, 01110101

#2b4675
```
#2b4675 rgb(43,70,117)
```
#755a2b
```
#755a2b rgb(117,90,43)
```

Complementary Color

#2b6b75
```
#2b6b75 rgb(43,107,117)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#352b75
```
#352b75 rgb(53,43,117)
```

Analogous Color

#6b752b
```
#6b752b rgb(107,117,43)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#75352b
```
#75352b rgb(117,53,43)
```

Split Complementary Color

#46752b
```
#46752b rgb(70,117,43)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#752b46
```
#752b46 rgb(117,43,70)
```

Triadic Color

#2b755a
```
#2b755a rgb(43,117,90)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#752b46
```
#752b46 rgb(117,43,70)
```
#755a2b
```
#755a2b rgb(117,90,43)
```

Tetradic Color

#16253d
```
#16253d rgb(22,37,61)
```
#1d3050
```
#1d3050 rgb(29,48,80)
```
#243b62
```
#243b62 rgb(36,59,98)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#325188
```
#325188 rgb(50,81,136)
```
#395c9a
```
#395c9a rgb(57,92,154)
```
#4067ad
```
#4067ad rgb(64,103,173)
```

Monochromatic Color

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

#2b5975
```
#2b5975 rgb(43,89,117)
```
#2b5275
```
#2b5275 rgb(43,82,117)
```
#2b4c75
```
#2b4c75 rgb(43,76,117)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#2b4075
```
#2b4075 rgb(43,64,117)
```
#2b3a75
```
#2b3a75 rgb(43,58,117)
```
#2b3375
```
#2b3375 rgb(43,51,117)
```

Similar Colors

Text with hexadecimal color #2b4675

This text has a font color of #2b4675.

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

#2b4675 background color

This paragraph has a background color of #2b4675.

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

#2b4675 border color

This element has a border color of #2b4675.

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

CSS codes

.text {color:#2b4675;}

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

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

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 #f3f6fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#111b2d
```
#111b2d rgb(17,27,45)
```
#16243c
```
#16243c rgb(22,36,60)
```
#1b2c4a
```
#1b2c4a rgb(27,44,74)
```
#203558
```
#203558 rgb(32,53,88)
```
#263d67
```
#263d67 rgb(38,61,103)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#304f83
```
#304f83 rgb(48,79,131)
```
#365792
```
#365792 rgb(54,87,146)
```
#3b60a0
```
#3b60a0 rgb(59,96,160)
```
#4068ae
```
#4068ae rgb(64,104,174)
```

Shade Color Variation

#4771bb
```
#4771bb rgb(71,113,187)
```
#557cc1
```
#557cc1 rgb(85,124,193)
```
#6387c6
```
#6387c6 rgb(99,135,198)
```
#7292cb
```
#7292cb rgb(114,146,203)
```
#809dd0
```
#809dd0 rgb(128,157,208)
```
#8fa8d6
```
#8fa8d6 rgb(143,168,214)
```
#9db3db
```
#9db3db rgb(157,179,219)
```
#abbfe0
```
#abbfe0 rgb(171,191,224)
```
#bacae5
```
#bacae5 rgb(186,202,229)
```
#c8d5eb
```
#c8d5eb rgb(200,213,235)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```
#e5ebf5
```
#e5ebf5 rgb(229,235,245)
```
#f3f6fb
```
#f3f6fb rgb(243,246,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 #063c9a is the most saturated one.

#505050
```
#505050 rgb(80,80,80)
```
#4a4e56
```
#4a4e56 rgb(74,78,86)
```
#444d5c
```
#444d5c rgb(68,77,92)
```
#3d4b63
```
#3d4b63 rgb(61,75,99)
```
#374969
```
#374969 rgb(55,73,105)
```
#31486f
```
#31486f rgb(49,72,111)
```
#2b4675
```
#2b4675 rgb(43,70,117)
```
#25447b
```
#25447b rgb(37,68,123)
```
#1f4381
```
#1f4381 rgb(31,67,129)
```
#194187
```
#194187 rgb(25,65,135)
```
#123f8e
```
#123f8e rgb(18,63,142)
```
#0c3e94
```
#0c3e94 rgb(12,62,148)
```
#063c9a
```
#063c9a rgb(6,60,154)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e444d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4e7b Protanopia 1% of men
#32507b Deuteranopia 1% of men
#22565c Tritanopia 0.001% of the population

Trichromacy

#364b78 Protanomaly 1% of men, 0.01% of women
#2f4c79 Deuteranomaly 6% of men, 0.4% of women
#255065 Tritanomaly 0.01% of the population

#2b4675 hex color

#2b4675 Color Information

#2b4675 Color Conversion

Color Schemes with #2b4675

Alternatives to #2b4675

#2b4675 Preview

Shades and Tints of #2b4675

Tones of #2b4675

Color Blindness Simulator