#2b5b99 hex color

In a RGB color space, hex #2b5b99 is composed of 16.9% red, 35.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 40.5% magenta, 0% yellow and 40% black. It has a hue angle of 213.8 degrees, a saturation of 56.1% and a lightness of 38.4%. #2b5b99 color hex could be obtained by blending #56b6ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 36
- B 60
RGB color chart
- C 72
- M 41
- Y 0
- K 40
CMYK color chart

● #2b5b99 color description : Dark blue.

The hexadecimal color #2b5b99 has RGB values of R:43, G:91, B:153 and CMYK values of C:0.72, M:0.41, Y:0, K:0.4. Its decimal value is 2841497.

Hex triplet	2b5b99	`#2b5b99`
RGB Decimal	43, 91, 153	`rgb(43,91,153)`
RGB Percent	16.9, 35.7, 60	`rgb(16.9%,35.7%,60%)`
CMYK	72, 41, 0, 40
HSL	213.8°, 56.1, 38.4	`hsl(213.8,56.1%,38.4%)`
HSV (or HSB)	213.8°, 71.9, 60
Web Safe	336699	`#336699`

CIE-LAB	38.367, 5.466, -38.638
XYZ	10.486, 10.295, 31.57
xyY	0.2, 0.197, 10.295
CIE-LCH	38.367, 39.022, 278.052
CIE-LUV	38.367, -18.097, -55.588
Hunter-Lab	32.086, 2.185, -35.877
Binary	00101011, 01011011, 10011001

#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#99692b
```
#99692b rgb(153,105,43)
```

Complementary Color

#2b9299
```
#2b9299 rgb(43,146,153)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#322b99
```
#322b99 rgb(50,43,153)
```

Analogous Color

#92992b
```
#92992b rgb(146,153,43)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#99322b
```
#99322b rgb(153,50,43)
```

Split Complementary Color

#5b992b
```
#5b992b rgb(91,153,43)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#992b5b
```
#992b5b rgb(153,43,91)
```

Triadic Color

#2b9969
```
#2b9969 rgb(43,153,105)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#992b5b
```
#992b5b rgb(153,43,91)
```
#99692b
```
#99692b rgb(153,105,43)
```

Tetradic Color

#1a375d
```
#1a375d rgb(26,55,93)
```
#204371
```
#204371 rgb(32,67,113)
```
#254f85
```
#254f85 rgb(37,79,133)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#3167ad
```
#3167ad rgb(49,103,173)
```
#3673c1
```
#3673c1 rgb(54,115,193)
```
#4680cb
```
#4680cb rgb(70,128,203)
```

Monochromatic Color

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

#2b7799
```
#2b7799 rgb(43,119,153)
```
#2b6d99
```
#2b6d99 rgb(43,109,153)
```
#2b6499
```
#2b6499 rgb(43,100,153)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#2b5299
```
#2b5299 rgb(43,82,153)
```
#2b4999
```
#2b4999 rgb(43,73,153)
```
#2b4099
```
#2b4099 rgb(43,64,153)
```

Similar Colors

Text with hexadecimal color #2b5b99

This text has a font color of #2b5b99.

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

#2b5b99 background color

This paragraph has a background color of #2b5b99.

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

#2b5b99 border color

This element has a border color of #2b5b99.

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

CSS codes

.text {color:#2b5b99;}

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

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

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

#04090f
```
#04090f rgb(4,9,15)
```
#09121f
```
#09121f rgb(9,18,31)
```
#0d1b2e
```
#0d1b2e rgb(13,27,46)
```
#11243d
```
#11243d rgb(17,36,61)
```
#152d4c
```
#152d4c rgb(21,45,76)
```
#1a375c
```
#1a375c rgb(26,55,92)
```
#1e406b
```
#1e406b rgb(30,64,107)
```
#22497a
```
#22497a rgb(34,73,122)
```
#27528a
```
#27528a rgb(39,82,138)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#2f64a8
```
#2f64a8 rgb(47,100,168)
```
#346db8
```
#346db8 rgb(52,109,184)
```
#3876c7
```
#3876c7 rgb(56,118,199)
```

Shade Color Variation

#4781cb
```
#4781cb rgb(71,129,203)
```
#568bd0
```
#568bd0 rgb(86,139,208)
```
#6696d4
```
#6696d4 rgb(102,150,212)
```
#75a0d8
```
#75a0d8 rgb(117,160,216)
```
#84abdd
```
#84abdd rgb(132,171,221)
```
#94b5e1
```
#94b5e1 rgb(148,181,225)
```
#a3c0e5
```
#a3c0e5 rgb(163,192,229)
```
#b2cae9
```
#b2cae9 rgb(178,202,233)
```
#c2d5ee
```
#c2d5ee rgb(194,213,238)
```
#d1dff2
```
#d1dff2 rgb(209,223,242)
```
#e0eaf6
```
#e0eaf6 rgb(224,234,246)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#606264
```
#606264 rgb(96,98,100)
```
#58616c
```
#58616c rgb(88,97,108)
```
#516073
```
#516073 rgb(81,96,115)
```
#495f7b
```
#495f7b rgb(73,95,123)
```
#425e82
```
#425e82 rgb(66,94,130)
```
#3a5d8a
```
#3a5d8a rgb(58,93,138)
```
#335c91
```
#335c91 rgb(51,92,145)
```
#2b5b99
```
#2b5b99 rgb(43,91,153)
```
#235aa1
```
#235aa1 rgb(35,90,161)
```
#1c59a8
```
#1c59a8 rgb(28,89,168)
```
#1458b0
```
#1458b0 rgb(20,88,176)
```
#0d57b7
```
#0d57b7 rgb(13,87,183)
```
#0556bf
```
#0556bf rgb(5,86,191)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48609c Protanopia 1% of men
#35639e Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#3d5e9b Protanomaly 1% of men, 0.01% of women
#31609c Deuteranomaly 6% of men, 0.4% of women
#0f6681 Tritanomaly 0.01% of the population

#2b5b99 hex color

#2b5b99 Color Information

#2b5b99 Color Conversion

Color Schemes with #2b5b99

Alternatives to #2b5b99

#2b5b99 Preview

Shades and Tints of #2b5b99

Tones of #2b5b99

Color Blindness Simulator