#2b4185 hex color

In a RGB color space, hex #2b4185 is composed of 16.9% red, 25.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 51.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 225.3 degrees, a saturation of 51.1% and a lightness of 34.5%. #2b4185 color hex could be obtained by blending #5682ff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 25
- B 52
RGB color chart
- C 68
- M 51
- Y 0
- K 48
CMYK color chart

● #2b4185 color description : Dark moderate blue.

The hexadecimal color #2b4185 has RGB values of R:43, G:65, B:133 and CMYK values of C:0.68, M:0.51, Y:0, K:0.48. Its decimal value is 2834821.

Hex triplet	2b4185	`#2b4185`
RGB Decimal	43, 65, 133	`rgb(43,65,133)`
RGB Percent	16.9, 25.5, 52.2	`rgb(16.9%,25.5%,52.2%)`
CMYK	68, 51, 0, 48
HSL	225.3°, 51.1, 34.5	`hsl(225.3,51.1%,34.5%)`
HSV (or HSB)	225.3°, 67.7, 52.2
Web Safe	333399	`#333399`

CIE-LAB	29.38, 15.163, -40.817
XYZ	7.119, 5.987, 22.969
xyY	0.197, 0.166, 5.987
CIE-LCH	29.38, 43.542, 290.379
CIE-LUV	29.38, -9.977, -54.773
Hunter-Lab	24.469, 9.115, -38.529
Binary	00101011, 01000001, 10000101

#2b4185
```
#2b4185 rgb(43,65,133)
```
#856f2b
```
#856f2b rgb(133,111,43)
```

Complementary Color

#2b6e85
```
#2b6e85 rgb(43,110,133)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#422b85
```
#422b85 rgb(66,43,133)
```

Analogous Color

#6e852b
```
#6e852b rgb(110,133,43)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#85422b
```
#85422b rgb(133,66,43)
```

Split Complementary Color

#41852b
```
#41852b rgb(65,133,43)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#852b41
```
#852b41 rgb(133,43,65)
```

Triadic Color

#2b856f
```
#2b856f rgb(43,133,111)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#852b41
```
#852b41 rgb(133,43,65)
```
#856f2b
```
#856f2b rgb(133,111,43)
```

Tetradic Color

#18254b
```
#18254b rgb(24,37,75)
```
#1f2e5e
```
#1f2e5e rgb(31,46,94)
```
#253872
```
#253872 rgb(37,56,114)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#314a98
```
#314a98 rgb(49,74,152)
```
#3754ac
```
#3754ac rgb(55,84,172)
```
#3e5dbf
```
#3e5dbf rgb(62,93,191)
```

Monochromatic Color

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

#2b5885
```
#2b5885 rgb(43,88,133)
```
#2b5085
```
#2b5085 rgb(43,80,133)
```
#2b4985
```
#2b4985 rgb(43,73,133)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#2b3a85
```
#2b3a85 rgb(43,58,133)
```
#2b3285
```
#2b3285 rgb(43,50,133)
```
#2b2b85
```
#2b2b85 rgb(43,43,133)
```

Similar Colors

Text with hexadecimal color #2b4185

This text has a font color of #2b4185.

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

#2b4185 background color

This paragraph has a background color of #2b4185.

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

#2b4185 border color

This element has a border color of #2b4185.

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

CSS codes

.text {color:#2b4185;}

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

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

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, #05070e is the darkest color, while #ffffff is the lightest one.

#05070e
```
#05070e rgb(5,7,14)
```
#090e1d
```
#090e1d rgb(9,14,29)
```
#0e162c
```
#0e162c rgb(14,22,44)
```
#131d3b
```
#131d3b rgb(19,29,59)
```
#18244a
```
#18244a rgb(24,36,74)
```
#1d2b59
```
#1d2b59 rgb(29,43,89)
```
#213367
```
#213367 rgb(33,51,103)
```
#263a76
```
#263a76 rgb(38,58,118)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#304894
```
#304894 rgb(48,72,148)
```
#354fa3
```
#354fa3 rgb(53,79,163)
```
#3957b1
```
#3957b1 rgb(57,87,177)
```
#3e5ec0
```
#3e5ec0 rgb(62,94,192)
```

Shade Color Variation

#4d6ac5
```
#4d6ac5 rgb(77,106,197)
```
#5c77ca
```
#5c77ca rgb(92,119,202)
```
#6a83cf
```
#6a83cf rgb(106,131,207)
```
#798fd4
```
#798fd4 rgb(121,143,212)
```
#889cd9
```
#889cd9 rgb(136,156,217)
```
#97a8dd
```
#97a8dd rgb(151,168,221)
```
#a6b4e2
```
#a6b4e2 rgb(166,180,226)
```
#b4c1e7
```
#b4c1e7 rgb(180,193,231)
```
#c3cdec
```
#c3cdec rgb(195,205,236)
```
#d2daf0
```
#d2daf0 rgb(210,218,240)
```
#e1e6f5
```
#e1e6f5 rgb(225,230,245)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54565c is the less saturated color, while #022cae is the most saturated one.

#54565c
```
#54565c rgb(84,86,92)
```
#4d5263
```
#4d5263 rgb(77,82,99)
```
#464f6a
```
#464f6a rgb(70,79,106)
```
#3f4b71
```
#3f4b71 rgb(63,75,113)
```
#394877
```
#394877 rgb(57,72,119)
```
#32447e
```
#32447e rgb(50,68,126)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#243e8c
```
#243e8c rgb(36,62,140)
```
#1d3a93
```
#1d3a93 rgb(29,58,147)
```
#173799
```
#173799 rgb(23,55,153)
```
#1033a0
```
#1033a0 rgb(16,51,160)
```
#0930a7
```
#0930a7 rgb(9,48,167)
```
#022cae
```
#022cae rgb(2,44,174)
```

Tone Color Variation

Below, you can see how #2b4185 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
#3d424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#264c8d Protanopia 1% of men
#005085 Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#28488a Protanomaly 1% of men, 0.01% of women
#0f4a85 Deuteranomaly 6% of men, 0.4% of women
#0f4e6b Tritanomaly 0.01% of the population

#2b4185 hex color

#2b4185 Color Information

#2b4185 Color Conversion

Color Schemes with #2b4185

Alternatives to #2b4185

#2b4185 Preview

Shades and Tints of #2b4185

Tones of #2b4185

Color Blindness Simulator